Conan9912345

您有没有想过一个问题，如果我们只用一个 div 元素，一共可以写出多少种形状呢？那么，就让我们来盘点一下吧！

您有没有想过一个问题，如果我们只用一个 div 元素，一共可以写出多少种形状呢？那么，咱们就来盘点一下吧！

使用 Grid 布局写出一个相对炸裂的旋转中的图片视觉差特效。重点讲述使用 Grid 布局 将其布局成想要的效果！

前面我们写了一篇文字智能适配背景的文章，其中涉及到了色彩与滤镜方面的知识，也提到了直接在 CSS 上使用滤镜。 今天，我们趁热打铁，使用 CSS 的滤镜写相对来说比较炸裂的文字根据动画图片的特效吧！

下划线（underscore）是一种特殊符号，通常用于强调、标记或表示缺失的文字。它是一条水平线，位于文本的底部，与字母和数字等字符平齐。

还记得 2017 年，我们响应朋友的邀约从高德离职出来创业的时候，遇到了一个相对来说有点特殊的需求，动态的文字有长有短，但是需要智能适配背景的颜色变成其对比色。

合理使用 CSS4 的变量，使用 CSS 动画代替 JavaScript 函数的递归，提升程序运行效率和代码的可读性。

通过对样式篇的源代码进行观察，我们会发现，只用一个 div 元素做表盘，并使用对应的 before 和 after 两个伪元素做时针和分针，那么一共只能是三个元素。

最近总是感叹，时间过的好快啊！似乎随着地球自转速度的加快，咱们的时间也越来越快了。 用前端写一个即将成为历史的时钟。