-rwxr-xr-x1nimitzstaff2019-01-08
7 min read
❯CSS 动作路径标准 Motion Path 简介
探究 CSS Motion Path Level 1 规范如何打破传统直线与缩放位移的限制，通过 offset-path、offset-distance、offset-rotate 及 ray() 辐射线，赋予 DOM 元素沿着任意不规则 SVG 轨迹与曲线平滑飞行的能力。
>_grep:TAG == "css"
7 MATCHING ARTICLES-rwxr-xr-x1nimitzstaff2018-12-10
6 min read
❯盘点 CSS Selectors Level 4 中新增的选择器
全面速览 CSS Selectors Level 4 规范中的新伪类与选择器，深度解析 :is()、:where()、:not() 列表、:has() 关系选择器以及 :focus-visible 和语言方向伪类对前端组件化样式编写的巨大革新。
-rwxr-xr-x1nimitzstaff2018-11-12
4 min read
❯精心点缀的文字：CSS Text Decoration Level 4 中的新特性
梳理 W3C CSS Text Decoration Level 4 最新规范特性，详解下划线间距偏移（text-underline-offset）、文字跳变断开（text-decoration-skip-ink）以及多重修饰线样式的进阶排版控制。
-rwxr-xr-x1nimitzstaff2018-10-14
8 min read
❯更高效、安全地操作 CSSOM：CSS Typed OM
告别低效且容易出错的字符串拼接式样式操作！探讨 CSS Houdini 核心成员 CSS Typed OM 如何为浏览器引入强类型值对象（CSSUnitValue/CSSMathValue），显著提升数值计算性能与 JavaScript 交互安全性。
-rwxr-xr-x1nimitzstaff2018-09-17
6 min read
❯精准操控的滚动体验，浅谈新标准 Scroll Snap
全面解读现代浏览器原生支持的 CSS Scroll Snap 规范，从滚动捕捉模型、对齐行为（scroll-snap-type、scroll-snap-align）到边界阻尼与停靠策略，探究如何用纯 CSS 打造丝滑流畅、无脚本依赖的 Swiper 轮播与全屏吸附效果。
-rwxr-xr-x1nimitzstaff2018-08-19
5 min read
❯页面字体闪一下？这两个标准可能会帮到你
深度剖析 Web 自定义字体加载中常见的 FOIT（不可见文本闪烁）与 FOUT 现象成因，详细讲解 CSS Fonts Module Level 3 的 font-display 控制策略以及 CSS Font Loading API 的 JavaScript 异步监听与精细化字体调度技巧。
-rwxr-xr-x1nimitzstaff2018-07-22
8 min read
❯CSS 字体新玩法之彩色字体
深入解读 W3C CSS Fonts Module Level 4 工作草案中的 Color Font（彩色字体）规范，解析其与矢量及位图 Emoji 的演进关系，对比 SBIX、CBDT、COLR/CPAL 与 SVG 字体技术方案及在现代浏览器中的实践应用。