I have set some headlines with a gradient color. Done with:
-webkit-text-fill-color:transparent;
background-image: -webkit-linear-gradient(45deg, var(--e-global-color-55ed3a3) 0%, var(--e-global-color-ccb443b) 100%);background-clip: text;
-webkit-background-clip: text;
this looks nice at first.
Then I tried to set these headlines in motion.page to split text + staggered.
But the text does not appear. It looks like the problem is the text-fill-color:transparent
Any workarounds to fix this?