vue3 生态又变强大了，动效开发，直接拿来就用，炫酷又高效，不用再眼巴巴的羡慕 react 了😎

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

大部分情况下，项目中用不到这些看起来稍微花哨一些的效果，但多看看多知道点总是没有坏处的嘛！ 文本颜色渐变 从图上我们可以看出，文本颜色是有渐变效果的，这个大家应该都知道怎么实现： 背景图片backgr

一行核心代码即可使用 CSS 滤镜的方案实现暗黑模式主题，性价比是非常高！兼容性也不差，尤其适合已经开发完毕的大型网站进行暗黑模式切换，强烈推荐！

又发现了好玩的了，使用CSS可以实现手电筒效果，独乐乐不如众乐乐，赶紧分享给大家玩 关键代码就是background: radial-gradient() 基本语法结构 看语法可能不太明白；不过没关系

🎯 总结对比 插件名 体积 自定义 动画丰富 推荐场景 TypeIt 中 很强 很丰富 高级动画、官网 Typed.js 小 一般 常用足够 个人/博客/主页 t-writer.js 中 很强 丰富

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

在不同的移动设备中，css像素的1px因为dpr的不同会使用dpr个物理像素来显示，这就造成1px在不同设备上显示的粗细不一致，为解决这个问题，可采用如下方案：

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