Custom CSS Text animation not working

Hi everyone,
I am trying to implement a piece of custom CSS animation for my text gradient background. First I created it in code pen where it works fine but the moment I paste it into Webflow it doesn’t show on the live website. When I inspect the code it seems that some of the it is strikes through. Not sure where the issue is :man_shrugging:

Would appreciate any help.

Codepen: https://codepen.io/LukasJ/pen/xxpYwGG

Inspect tool in chrome:


Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])

If you check on the Codepen, you can see that the styles is written on Less which is automatically compiled to work with Codepen. But Webflow doesn’t have that option. So what you need to do is, you should use plain CSS.

For that you can get compiled CSS from the Codepen. On the top right of the CSS tab there is an arrow, click on it and then click on View Compiled CSS and then you will get plain CSS. Now you can copy this CSS and use it on Wefblow.

2 Likes

Ahh, Silly me. That worked! Thanks a ton. :smiling_face: