::marker 是一个 CSS 的另一个伪元素，使用::marker伪元素，可以对列表做一些有趣的事情，在本文中，我们将深入的聊聊该伪元素。

最近接了一个需求，产品让在页面上加一个按钮，我（不假思索）：“好的！简单！”。 设计：“好的，按钮样式如下：” 我：“？”

多种字体外描边方案对比：text-stroke、text-shadow、svg、canvas，讲讲这些方案的优缺点

👏Clip-path实现按钮流动边框动画，速速来Get吧~ 🥇文末分享源代码。记得点赞+关注+收藏！

因为 button 元素可以使用 before/after 伪元素，所以借助伪元素，可以实现动态图中的遮盖层。 为了避免回流重绘，滑箱的运动方向是垂直方向，所以使用scaleY属性。对于动画的方向，需要借助transform-origin改变动画原点。 果冻特效可以分割成 5 …

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…