随笔分类 - css
摘要：ui设计图中有各种关于颜色渐变，实现其效果，所以我记录一下。1.背景颜色渐变 效果： 这个表格前三行背景就是颜色渐变，使用伪类取对应行，再用linear-gradient()实现背景渐变。代码如下： /deep/.el-table .el-table__body-wrapper tbody .el-
阅读全文
摘要：在我之前的认知中，position值有static(默认)、relative(相对)、absolute(绝对)、fixed(固定不变) 这四个值大家了解css的都是知道的我就不多说，这里要说的是sticky(粘性)，sticky是17年浏览器才开始支持的，它会产生动态效果，很像relative和fi
阅读全文
摘要：情景：最近用Element UI组件上的图标或者font-awesome小图标 但是这样远不能满足ui的审美，会说你没按设计图实现。 之前的做法：登陆自己阿里图标库账号，把想用的图标添加进项目库，里面有可以生成对应图标的代码 再在页面上使用对应的代码就可以出现对应的图标。 当然这样大家都是会的 而且
阅读全文
摘要：题：<label class="title">基本信息</label> 1.css：.title{display: block;width: 100px;height: 100px;line-height: 100px;text-align: center;overflow: hidden;} 因为
阅读全文
摘要：SVG 意为可缩放矢量图形（Scalable Vector Graphics）。 HTML三种方法导入svg文件： <html xmlns:svg="http://www.w3.org/2000/svg"><body> <p>This is an HTML paragraph</p><!--1-->
阅读全文
摘要：简单的记录一下 1：(内联元素要先转换)这第一种比较常见 这里是让超出以...代替 实现这代码的提前条件是给这元素设置一个固定的width 因为其不换行加超出隐藏就有这功能 {max-width:xx px; overflow:hidden; white-space:nowrap; text-ove
阅读全文
摘要：之前使用@keyframes改变图片的width 发现有时会让布局发生改变这就不是我愿意看到的。 之后才了解到transform里有个scale属性 简单粗暴 img:hover{transition-delay: 0.1s;transform: scale(1.1);}
阅读全文
