前段时间接到一个需求，关于文字展开和收起的，走了很多路,踩了很多坑，在这个夜深人静，想你想到泪流的时候，决定记录分享一下。

偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是 "不定行" 的。详细规则如下： 整个容器高度是固定的，标题和内容总共 3 行 标题最多2行，超出省略 内容由剩余

linear-gradient、radial-gradient结合background-size的效果

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 使用box-shadow属性表现阴影效果是现代浏览器中是一个非常有用的技巧，通过它我们可以做出很多非常酷的东西。虽

最近在做语音识别，遇到两个css效果感觉以后会有用就记录一下。用到了vue的class和style动态绑定功能。

通过本文，你能了解到 最基本的使用 CSS backdrop-filter 实现磨砂玻璃(毛玻璃)的效果 在至今不兼容 backdrop-filter 的 firefox 浏览器，如何利用一些技巧性的