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

背景 最近给 LUCI OS 官网做首屏改版，需求只有一句话： 听起来简单，但「缩放不变形」+「多端自适应」本质上是矛盾的。 经过 3 轮迭代，我们把问题拆成了 4 个小目标，并给出了最简洁的解法。

苹果在 WWDC25 发布了全新的液态玻璃（Liquid Glass）设计风格。 根据苹果官方介绍： 效果分析 正如苹果介绍，Liquid Glass 是一种半透明材质，采用「反射+折射+动态变

接上篇，巧用 CSS 实现高频出现的复杂怪状按钮 - 镂空的内凹圆角边框。 上篇中，我们通过渐变的高阶技巧，实现了如下的内凹圆角边框： 本文，我们将探讨另外一个非常有意思的图形 -- 内凹平滑圆角：

告别臃肿的第三方库！只需几百行简洁代码，就能让你的列表拥有丝滑流畅的拖拽体验，像被施了“魔法手指”一样灵动。无需担心体积臃肿或依赖过多，轻松实现自定义，开发体验和用户体验都能大大提升！

纯CSS实现Loading特效，承诺不添加一滴JS！本文提供39个例子，剩下的例子放在后面两篇文章中。

效果演示 Code HTML CSS 实现思路拆分 重置所有元素的默认样式。 设置页面的背景颜色和尺寸。 设置登录表单容器的布局、位置和尺寸。 设置登录表单内容的样式，包括3D效果和过渡动画。 创建伪

但受限于固有的浏览器兼容思维，很多前端老手可能在日常开发中对 CSS 新特性用的不多，随着 IE11 都已经是小众浏览器后，可以大胆用起来了，尤其是在准备面试的各位

CSS 容器查询（Container Queries）是一项革命性的特性，允许元素根据其父容器的尺寸变化进行样式调整，彻底改变了传统基于视口的响应式设计模式。以下是详细使用指南： 一、核心概念 容器查