觉得既有趣，又有启发，这里记录分享一下。 我们可以从相反的角度来思考，先回答什么叫不随机。 从图上可以看出红绿蓝这三种颜色，每隔六次就整体重复一遍。 上图是我使用 CSS 实现并截图的。这里仔细看一下源码： 因为 1、2、3的最小公倍数是 6，所以颜色分布规律的周期是 6。 这…

可以点击查看 在线演示，以及 完整代码。 首先，需要了解 CSS3 的 transform ，用 transform 进行元素的变换，这是实现的关键。 实际上，上面的写法可以算作 CSS 提供的语法糖。了解计算机图形学的同学可能知道，计算机完成图像变换实际上使用的实现是矩阵。 …

俗话说，产品有三宝：弹窗、浮层加引导，足以见弹窗在产品同学心目中的地位。对任意一个刚入门的前端同学来说，实现一个模态框基本都可以达到信手拈来的地步，但是，当模态框里边的内容滚动起来以后，就会出现各种各样的让人摸不着头脑的问题，其中，最出名的想必就是滚动穿透。 那么，什么是滚动穿…