Benchmarking the performance of CSS @property

With @​property now being Baseline Newly Available, I thought it’d be a good time benchmark the impact – if any – it has on the performance of your CSS. When starting to use a new CSS feature it’s important to understand its impact on the performance of your websites, whether positive or negative. With @property …

Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.

By adding a long transition-delay to a CSS property under certain conditions (which you can do using a Style Query), you can persist its value.