文章预览
在前端三大件(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
………………………………