以下内容是2023年7月17~10月16日自己每周学习的记录，偶尔穿插一些个人的思考，希望可以和大家共同进步。

最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现： 很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常

🌈 Contents Property Generators Animations Backgrounds Color Tools Typography Loaders Layouts Informa

网页端如何一键变灰已经有很多实现方式了，但是我看到一个推文很有意思，是一个不错的面试题 一键变灰 这个大部分同学都写了，直接 考虑ie之类的兼容性的话，就直接把兼容性的属性都搞上

毋庸置疑，善用工具可以加速开发，拉满开发效率，减少996的频率，提高我们的生活质量。 在此，为前端工友们分享10个我压箱底的Web资源，收藏≠学会，赶紧用起来吧！ 1.Github （https://

作为一名前端开发者，你有没有遇到过这种头痛的事情。每次开发pc端的网页时，不管是官网还是管理后台，UI设计师都是按照`1920*1080`（16:9）的比例来给你提供设计稿的，导致你画页面的时候

一个css属性就可以带来一些好玩的效果，今天通过clip-path和mask两个属性快速实现文字切割效果吧。

CSS永远比你想象的要强大，很多平时用JS实现的效果，可能用CSS就是几行代码的事儿，本文罗列了一些冷门又好用的 CSS 特性，帮助你更高效、更优雅的画页面。

背景 今天逛 CodePen，看到了这样一个非常有意思的效果： CodePen Demo -- Material Design Menu By Bennett Feely 这个效果还是有一些值得探讨学