css
weixin_50636581
这个作者很懒,什么都没留下…
展开
-
steps 动画 理解
steps动画的 帧和步数的理解设定动画 steps() 里面的参数 代表@keyframes animate_show{0%{opacity: 1;}25%{opacity: 0;}50%{opacity: 0;}75%{opacity: 0;}100%{opacity: 0;}}原创 2021-03-01 16:16:58 · 133 阅读 · 0 评论 -
vue 插值表达式 动态选择 类名
<span :class=“{active:index === active}”></span>v-bind:class 语法一个对象,对象中的key表示要作用的css类名对象中的value要计算出布尔值true,则作用该类名false,不作用类名原创 2021-02-27 14:46:03 · 192 阅读 · 0 评论 -
当前元素不进行 flex分配
flex: unset;原创 2021-02-27 14:29:37 · 344 阅读 · 1 评论 -
css not选择器
原创 2021-02-27 10:30:00 · 87 阅读 · 0 评论 -
如何产生自己的滚动容器 移动端
原创 2021-02-27 09:56:05 · 79 阅读 · 0 评论 -
视口单位
原创 2021-02-27 09:53:41 · 44 阅读 · 0 评论 -
deep css组件 不生效样式
deep的原理就是去掉scoped在元素上加的标识deep写法两种方式v-deep/deep/例子.home-container { /deep/ .el-input { color: red; }}不生效原因可能选择范围不对例子 给组件中的弹窗加deep样式不生效是因为弹窗有可能是全局生成的在你选择的范围之外 解决办法<style lang="less" scoped>.home-container { ...}</style&原创 2021-02-26 09:48:54 · 2217 阅读 · 0 评论 -
解决外边距塌陷的原理
我们都知道解决 外边距塌陷 是给父盒子加个overflow:hiden;例如<style> p { color: #f55; background: #fcc; width: 200px; line-height: 100px; text-align:center; margin: 100px; } .a { /* overflow: hidden; */原创 2020-11-15 18:28:23 · 677 阅读 · 0 评论