@PixelGeek , how did you guys get the text to variate in and out between colors?
Here is my public share link: LINK
(how to access public share link)
@PixelGeek , how did you guys get the text to variate in and out between colors?
Here is my public share link: LINK
(how to access public share link)
If you inspect the styles using the developer tools in your browser, you can see that it’s custom code:
<style>
@-webkit-keyframes beta-gradient {
0%{background-position:0 0}
100%{background-position:100% 0}
}
@-moz-keyframes beta-gradient {
0%{background-position:0 0}
100%{background-position:100% 0}
}
@keyframes beta-gradient {
0%{background-position:0 0}
100%{background-position:100% 0}
}
.hero-subhead {
background: -webkit-linear-gradient( right, #1CACFF, #19E6DB, #82FFC1, #19E6DB, #1CACFF, #19E6DB);
-webkit-background-clip: text;
-webkit-text-fill-colopr: transparent;
background-size: 500% auto;
-webkit-animation: beta-gradient 3s linear infinite;
-moz-animation: beta-gradient 3s linear infinite;
animation: beta-gradient 3s linear infinite;
}
</style>
Thanks @samliew for the help! I could do that, but I wouldn’t be able to distinguish the difference between custom code and Webflow code, haha. To me, code is code. I was surely hoping it was achieved in the designer exclusively. Darn.
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.