A rather geeky/technical weblog, est. 2001, by Bramus
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 …
Continue reading “Benchmarking the performance of CSS @property”
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.
Last week I joined my colleagues Adam and Una on The CSS Podcast to talk about View Transitions.
Slides of the talk “Observing Style Changes” I gave at the September 2024 meetup of devs.gent at the Lemon Ghent offices.
@supports: you want to check for animation-range too
What if View Transitions animated the clip-path, border-radius, opacity, … properties for you by default? And what if it preserved the hierarchy of the tree?
height: auto; (and other intrinsic sizing keywords) in CSS
Use the interpolate-size property or the calc-size() function to enable smooth transitions and animations from lengths to intrinsic sizing keywords and back.
@bramus/caniuse-cli, a CLI tool for “Can I Use …”
@bramus/style-observer, a MutationObserver for CSS
@bramus/style-observer is a MutationObserver for CSS. It allows you to attach JavaScript callbacks to changes in computed values of CSS properties
@starting-style support