最近，在 CodePen 上，看到一个非常有意思的图片动效，效果如下： 原效果链接：CodePen Demo - 1 div pure CSS blinds staggered animation i

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

这是个老掉牙的需求啦，不过仍然有很多人在网上找解决方案，特别是搜索结果排名靠前的那些，都是些只会介绍兼容性不好的使用-webkit-line-clamp的方案。 如果你看到这篇文章，可能代表你正是从那么多千篇一律的文章中跳转过来的，想找更好地方案的。那恭喜你，没有更好的，只有更…

效果就更加震撼了，当然canvas实现也有一定的门槛，而且实际使用起来也略微麻烦（所有js实现的通病），这里尝试一下CSS的实现方式。 抛开js方案，还有HTML和CSS实现方式。HTML就不用说了，直接写上大量的标签 那么来看看CSS实现方式，主要也是两种方式，其实就是想一下…