Keep calm and add some animated gradient to your text
How to do that?
This project uses Client-First v.2 by Finsweet.
1. Copy & Paste css snippet into an embed element placed in your project, save it as symbol and put on every page where you want to apply this effect.
(You can also copy the animated-gradient_embed symbol—found in page-wrapper—directly into your project.)
2. Add .animated-gradient class to any text element you'd like to have this effect applied or to its parent div.
3. Change values if you'd like to use different colors, rotation, or timing of your animated text.
<style>
.animated-gradient {
background-image: -webkit-linear-gradient(125deg, #f2291b, #f7db25, #84f527);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
</style>