{copy here}
Sex
Fusce aliquet turpis at orci bibendum, non convallis justo tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Fusce aliquet turpis at orci bibendum, non convallis justo tempor. Maecenas euismod sapien eu arcu convall
{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>
