/css/ - CSS Masters

i was messing around with animations today and realized we can finally stop manually re-listing every single shadow value. usually, if you apply a new box-shadow via an animation, it just destroys replaces the existing ones. but using

animation-composition: add;

lets you layer them instead of overwriting the whole stack. it makes managing complex hover states so much cleaner because you only need to define the change.
>it's basically additive logic for properties. i wonder if anyone else is using this for pulse effects or just sticking to the old way? **i'm mostly using it for subtle depth changes on cards

link: https://master.dev/blog/using-animation-composition-in-css-to-avoid-redeclaring-other-values/