![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css3 & scss & sass & less
文章平均质量分 58
css3 & scss & sass & less
Lofan.
这个作者很懒,什么都没留下…
展开
-
CSS3中以变量形式调用【像less或sass这种css扩展语言定义变量】
这里用 less 来举例 平时我们用 less 声明、使用变量,方式是这样的: header.less 文件: @width: 10px; @height: @width + 10px; #header { width: @width; height: @height; } css3 自己有声明变量的方式,用 :root 这个伪类包含,样式变量名用 -- 开头,用 var() 函数调用: var() var()函数可以代替元素中任何属性中的值的任何部分。var()函数不能作为属性名、选择原创 2021-02-19 17:08:24 · 301 阅读 · 0 评论 -
css3动画--顺滑打开下拉筛选列表
为了方便,这里直接用鼠标悬停去调试筛选列表的显示隐藏: 不加动画的话,鼠标悬停过去,直挺挺的显示隐藏: 加动画之后,鼠标悬停过去,显示隐藏就很顺滑了: 效果这样的: 关键的 css 属性: 固定高度型 : height: 0; /* 要设置overflow: hidden; 这样当高度变成0,就能隐藏里面的内容 */ overflow: hidden; transition: all 0.2s ease-in-out; 未知高度型: overflow: hidden原创 2020-07-22 21:16:30 · 712 阅读 · 0 评论