hidden也失效了。 给外层元素设置width: 0;自己元素的宽度控制不会超出父级，到达边缘的时候就触发超出隐藏，表现形式就是可以在结尾的时候以...结束。 上面的二种方法都可以达到我们需要的效果，给需要控制的元素设置了 flex:1 的时候，它会动态的获得父容器的剩余宽度…

2016年我写过一篇文章如何使用SVG图标，其“试验性部分”的结语是个警告 - “抱歉，渐变填充无法工作”。 我指的是像fill: linear-gradient(red, blue)一样的无效代码，因为fill属性出自SVG - 该元素内置了独有的渐变支持；而linear-g…

转眼间 2020 年已经过去了一个月，在祈祷疫情尽快消散的同时，不要忘了学习。本文为大家搜罗了 20 款截至目前最受程序员欢迎的前端CSS框架，其中有的霸榜已久，也有不少后起之秀，有的是单纯的 CSS 框架，也有的结合了 JavaScript 以提供更丰富的功能。一起来看看有没…

在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们…

基于vue的，需要你对 vue 的 transition 和 transition-group有过使用和了解。 vue的文档对 transtion 组件已经有了很详细的 分析 了。 transtion 是vue提供的一个抽象组件，会在 合适的时机 帮我们操作其包裹的子元素。 r…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

CSS 选择器的整理