I'm trying to animate the appearance of an svg icon with a description below it. The icon has a wrapper with the pseudo elements :before and :after with a different background color. I want to animate the zoom of a pseudo element, but nothing works. The background color changes, but the zoom doesn't work.
gsap.registerPlugin(ScrollTrigger, CSSRulePlugin);
gsap.to( CSSRulePlugin.getRule(".icon-wrapper:before"), {
duration: 3,
cssRule: {
transform: 'scale(3