Would it be a good idea to perform animations with CSS variables?

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?