2024年CSS持续活跃，年终大盘点！

文章预览

在前端三大件（HTML、CSS、JavaScript）中， CSS 始终是更新最为频繁的那个。每年浏览器都会陆续支持众多全新的 CSS 功能，本文将聚焦于 2024 年那些不可错过的 CSS 新功能，带你一览CSS领域的最新进展！ 交互特性 自定义滚动条 从 Chrome 121 开始，可以使用 scrollbar-width 和 scrollbar-color 属性自定义滚动条的宽度和颜色。 .scroller { scrollbar-color : red green ; scrollbar-width : 18 % ; } 跨文档视图过渡 Chrome 在 2023 年率先推出同文档视图过渡，2024 年在 Chrome 126 中进一步支持跨文档视图过渡，允许在两个独立文档之间进行平滑过渡。 @view-transition { navigation : auto ; } 滚动驱动动画 Chrome 115 开始支持滚动驱动动画，与滚动位置关联，实现元素在滚动时的动态效果。 .timeline { position : relative ; display : flex ; gap : var ( --gap ) ; overflow-x : scroll ; scro ………………………………