{copy here}
Knee pain
Donec eu felis at libero consequat sagittis a et urna. Cras sit amet velit id nulla tempus dictum sit amet eu nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum ante et nunc venenatis, id ultricies risus ultricies. Fusce aliquet
{animated header component}
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location
{rename divs by page title}
{good work, dudes}
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>
