大家好，我是 Immerse，一名独立开发者、内容创作者、AGI 实践者。 关注公众号：沉浸式趣谈，获取最新文章（更多内容只在公众号更新） 个人网站：https://yaolifeng.com 也同步

前言 接着上个小飞机的效果，在这个动画的基础上，用CSS实现的一个在飞机上开窗关窗的效果。整个实现过程比较简单，大家可以先看到下面的效果预览部分，十分简单，没有花里胡哨的技巧。话不多说，咱们直接进入主

非常赞的 CSS 命名方式

遇见要给16进制设置透明度的需求时,我之前的做法是把16进制转换为rab,进而通过rgba设置透明度,可能有人会有疑问为什么不直接使用rgba呢,并非是我不想,实在是接口返回的是16进制, 偶然之间我

众所周知，有些属性是不支持过渡动画的，比如高度auto 效果如下 要实现过渡效果，之前提供过一个grid布局方式，原理是利用grid的尺寸单位1fr支持过渡的特性，有兴趣可以回顾这篇文章： 不过到了现

需求 我们今天来实现一下,点击当前用户的div, 自动滚动到用户在排行榜中的位置. 效果 大家可以先看一下下面的GIF, 所实现的效果. 实现 1. 准备DOM 结构 首先,我们在进行列表建设的时候,

不知道你们是否留意到，CSS 的世界最近很火热。🔥 在幕后，所有主流浏览器厂商和 CSS 规范的作者们一直共同努力，推出了很多高需求的 CSS 功能。比如容器查询，原生 CSS 嵌套，相对颜色...

原生Html实现扇形旋转切换效果（等级切换转盘）；实现动态扇形旋转切换效果，切换进度支持渐变效果展示；

CSS实现auto高度的过渡动画。由于通常不知道content中具体内容所占的高度，为高度的变化添加过渡动画时，会发现`transition`不起作用，这是因为`auto`并不是一个具体的高度数值。