Hi to all!
I would need your advise on the given pen, which does not animate.
The idea of this little exercise is to learn SVG animation and also to follow along the coding practices outlined in the famous "Star Wars" pen presented in this article:
https://css-tricks.com/writing-smarter-animation-code/
I am having trouble to understand, why my code is not working: This function
function def_animateParenthesisRight() {
console.log("animate parens right")
let t
Don't set transform and transform-origin in your CSS for SVG. It will not work in every browser, especially transform-origin.
By default, GSAP uses the transform attribute for SVG elements. CSS > attributes. GSAP is correctly setting the transform, but your CSS is overriding it.