在web开发中，自定义滚动条是个常见的需求，虽然浏览器原生的滚动条很强大并且在大多数场景下表现的很好，但某些时候我们仍然希望修改他的样式，比如变细一点，或者去掉圆角和轨道，又或者隐藏他们。这些都属于自定义行为，本篇文章将介绍自定义滚动条的几种实现思路，并着重讲解最流行的js方案…

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断，这

CSS实现auto高度的过渡动画。由于通常不知道content中具体内容所占的高度，为高度的变化添加过渡动画时，会发现`transition`不起作用，这是因为`auto`并不是一个具体的高度数值。

之前在这篇文章（CSS 实现树状结构目录）中实现了一个树状结构，效果是这样的 整个实现没有用到任何 JavaScript，非常巧妙，有兴趣可以回顾一下。 不过有时候还需要那种带连接线的样式，这样看起来

众所周知，高度在设置成auto关键词时是不会触发transition过渡动画的，下面是伪代码 效果如下 如果希望展开时有过渡动画，例如这样 通常是借助 JS 动态去获取元素的高度（还有些麻烦的，需要渲

WebP 是什么？ WebP 是一种同时提供了有损压缩与无损压缩的图片文件格式。可以大大压缩图片的大小，并且图片的质量和 png、jpeg 等相同。

在我司app里看到一个蛮漂亮的收藏动画，可惜没有找到设计稿。反复观摩了很多遍，最终成功用css复刻了出来~

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

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收