I’ve heard people saying CSS variables can be used in an intelligent way and that you can change your variable value real time to achieve animations (something like this).
I’m interested in knowing if this manipulation of CSS variables would be performant if they are used at 100s of places? Or, would so much of repaint be a pain?
Robert van der Elst
Front End Designer
Hmmm, as far as I know, CSS variables can't be changed? (I took a quick glance at https://drafts.csswg.org/css-variables/)
Maybe it's possible via JS, but I haven't played with it yet, so I'm not sure.
Performance wise: it will all depend on what properties you want to change on all these objects, but you will probably notice it when you're altering 100s of HTML elements ;)