利用css优先级的原理覆盖掉原有样式的实现，每定义一套皮肤就要定义对应的sass变量，以及定义一套覆盖原有样式的皮肤样式。如果有多套皮肤的话，覆盖的代码量就会n套。 样式不易管理，查找样式复杂，开发效率低，拓展性差，维护成本高，多人协作沟通麻烦。 Sass Maps的函数map…

本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。

发挥你的想象，CSS也能实现拖拽效果。 这类效果用JS可以很容易实现，无非就是多了一些计算，多考虑了一些临界场景，然后代码量也多了一些。不过，经过我的一番脑洞，发现CSS也能几乎实现这一效果，接着往下看。 在传统 web 中，页面滚动是一个很常见交互，操作上就是利用鼠标滚轮或者…

大家好，这里是CSS魔法使——alphardex。 我对动画创作有着巨大的兴趣，平时你们能够经常在掘金的沸点上看到我创作的各种各样的动画作品。于是乎，我就决定将我所使用的各种技巧总结起来，让大家也能愉快地玩耍CSS动画。 好了，话不多说。让我们一起进入CSS动画这个领域吧！ 平…

巧用伪元素:before、:after等，让你的页面按钮眼前一亮。更多内容：https://github.com/reng99/blogs

贝塞尔曲线于 1962 年，由法国工程师皮埃尔·贝济埃（Pierre Bézier）所广泛发表，他运用贝塞尔曲线来为汽车的主体进行设计。 贝塞尔曲线主要用于二维图形应用程序中的数学曲线，曲线由起始点，终止点（也称锚点）和控制点组成，通过调整控制点，通过一定方式绘制的贝塞尔曲线形…

在浏览器中，任意的二维平面图形均可以通过path路径的形式描述。然后底层api 直接静态绘制出来。但是如果想动态的绘制路径，浏览器是没有直接支持方式的。 本文就是解决这个问题， 为浏览器补全这个功能，让静态的路径能方便的动态绘制。 效果还是挺酷炫的，实现的整个开发过程就从接需求…

然鹅，还是被昨晚特意设置的八个闹钟⏰吵醒，冬天早上起床的难度...想必各位都心有体会 😭，抱着一万个不情愿起床早早地来到了办公室，还是熟悉的环境，还是熟悉的味道。。。 还有，熟悉的任务需求😂。 今天的第一个任务是写个登录页面，老大给了我一个参(chao)考(xi)案例，大家…

最近，我完全沉迷在了任天堂 Switch 上的《塞尔达传说：荒野之息》里，以至于专栏都快要停更了（罪过罪过）。大概每个塞尔达玩家都会有这个疑问，那就是 这个游戏为什么这么好玩？！ 非常有意思的是，这个问题的答案似乎和「前端为什么这么日新月异」有着微妙的关系，这让我有了一些全新的…