Streaming live at 10am (PST)

Auto color change


#1

@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)


#2

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>

#3

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.


#4


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.