Tag

#CSS

共 6 篇内容。

让动画跑在合成层：transform/opacity 与 layout thrash 的边界

前端动效性能的核心是只动 GPU 能独立处理的属性。讲清 transform/opacity 为何安全、哪些属性会触发布局重排、以及读写分离避免强制同步布局。

用 @layer 调停基础样式与工具类的优先级之争：未分层规则为何总是赢家，如何用 base 层修正级联，以及哪些规则应该留在层外。

@container 把"响应式"从视口级细化到组件级。以文章卡片在单列/双列/侧栏多场景复用为例，讲查询条件、回退策略与迁移边界。

用 RGB 三元组自定义属性构建分层主题变量，实现零重排的整站强调色切换，并把用户选择持久化到本地。

暗色 UI 里低对比文字、彩色强调按钮、以及级联层导致的样式覆盖如何悄悄违反 WCAG 对比度，附定位与量化修复。

移动端横向溢出常由三类"固有宽度"内容撑破容器——无空格长代码、white-space:nowrap 标签、未设 minmax(0) 的网格轨道，逐一给出修复。