Im trying to use javascript's animate() function to animate a custom CSS variable (ex. "--foo-var: red")
foo.animate(
{
--foo-bar: `blue`,
},
{ duration: 200, fill: "forwards" }
);
Im trying to use javascript's animate() function to animate a custom CSS variable (ex. "--foo-var: red")
foo.animate(
{
--foo-bar: `blue`,
},
{ duration: 200, fill: "forwards" }
);
--foo-baras a property name can not work in this syntax - you'd have to put it in quotes. Not sure if you will be able to directly animate this then though - you might need to declare your variable as a custom property first, stackoverflow.com/a/64333786/1427878foo.style.animation = "my-animation 2s forwards"and then keeping the actual keyframe animation in the stylesheet: jsfiddle.net/3roed9qv