CSS 的发展速度比以往任何时候都要快。近几年，CSS 已经新增了许多新功能可用，而且还会有更多新功能即将推出。这个发展速度是令人兴奋的，同时也有些压倒性。

在正式开始介绍之前，可以先想一个问题：如何动态去改变一个颜色的透明度？ 比如一个颜色 如何将它变成透明度为 50% 的红色呢？ 其实在之前这几篇文章中都有提到过一些颜色混合方法，有兴趣的可以回顾一下

View Transitions API 允许在单页面应用中使用过渡动画，帮助用户在导航时更好地理解页面 A 和页面 B 之间的关系, 同时降低认知负荷，减少加载/渲染的延迟感知。

背景 以前，网页开发有一个原则，叫做"关注点分离"（separation of concerns）。 它的意思是，各种技术只负责自己的领域，不要混合在一起，形成耦合。对于网页开发来说，主要是三种技术分

需求 最近准备做一个瀑布流的需求，这里每个卡片的高度是不固定的，有点类似下图这样的。 这里的主要难点是如果使用绝对定位，会涉及到大量的计算，非常麻烦。

CSS小技巧使用 font-variation 可变字体，我们可以实现更加智能、美观、易读的排版效果，让文字内容更加生动、丰富。

我们在访问某个站点时，有时可能会发现这样一种场景：该站点在白天访问时，它是亮色主题；当晚上访问时，它就变成暗色主题了。而且这种主题的切换是自动的，他会随系统主题变化而改变。如果我们要将这种功能应用在自

不知道大家有没有关注 CSS 的迭代，总感觉平常关注 javascript 要远多于 CSS。最近看了一篇国外文章，发现很多用法没有了解过，今天就来跟大家分享这几个实用的 CSS 概念和技巧。

平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相