在 CSS 世界里，边框不只是 border 一条路。你可能一直用 border 写边框，hover 时元素宽度变化、渐变边框做不出来……其实，现在有更酷、更灵活的方式来实现边框效果。

📚 目录 1. 变量与作用域 2. 嵌套与父选择器 3. Mixins 高级技巧 4. 函数的妙用 5. 继承与占位符 6. 控制指令 7. 模块化系统 8. 内置函数库 9. 实战技巧 1. 变量与

这其实是老生常谈的问题了，但是因为最近有小伙伴面试被问到了，找到我想让我讲解下，所以我还是打算写一篇文章介绍下。 如果对您有用的话话，不妨评论，点赞关注➕收藏。如果可以的话，给我投上宝贵的一票。 ba

那个让我熬夜到两点的数字滚动效果，原来是这样实现的！ 缘起：被某度首页种草的计数器 昨晚刷着手机，突然看到某度首页那个酷炫的AI调用次数计数器——数字像滚筒洗衣机一样唰唰滚动，最后稳稳停在目标数值。

前戏 正如标题所诉，当时在开发一个小demo时，需要一个close图标（也就是一个叉叉）。然后纠结症就犯了： 手搓一个CSS图标？也就几行css代码的事儿，通过伪元素::before、::after这

前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连：

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

今天我们来讲一讲css中一种很实用的布局方式——瀑布流布局。 什么是瀑布流布局呢？我们可以随便打开一个购物网站或社交网站，它们的布局一般都是瀑布流布局，比如小红书： 你会发现它的布局是两列排列，但其中

详细介绍了如何使用 CSS 实现无限滚动动画的两种方法。一是通过绝对定位和动画延时；二是利用双份元素进行动画循环。