能巧妙利用css属性border-color制作三角形的原因

网上看了下纯CSS制作三角形的技巧,基本上是使用border-color属性,然后想为什么,发现是如下情况,请看: { border-width:50px; border-style: solid; border-color: green red; } ...

2019-02-20 22:09:42

阅读数 54

评论数 0

面板可调整大小resizable(基于vue)

       最近在做vue项目中遇到需要通过拖动面板边缘,动态调整面板宽度的问题,最开始是打算找一个vue组件解决得了,后来想了一下应该也挺简单的就自己实现了。项目中是左右宽度调整,这里只介绍左右面板resizable,上下调整原理是一样的。        思路:        step1、...

2019-01-28 20:49:58

阅读数 715

评论数 0

css实现一个编辑区全屏切换

使用codeMirror做一个编辑区的时候,随着编辑区内容的增多,仅有宽度或高度不便于编写内容,如果能够在编辑的时候全屏切换就再好不过了。 思路: 将编辑区域采用fixed定位,宽度、高度均设置为100%,设置一个够用的z-index,假定该class为"editor-ful...

2019-01-24 17:03:14

阅读数 64

评论数 0

简短一篇记录一下css3中pointer-events属性禁用a标签以及鼠标穿透

pointer-events是css3的一个属性,属性值特别多,这里只记录下none、auto两个属性的使用,其它属性和svg相关。 案例1:禁用a标签点击 给a标签设置pointer-events:none样式 <a href="XXX&qu...

2018-12-19 11:40:46

阅读数 228

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭