{copy here}
prenatal
{copy copy copy}
the first trimester
1st Trimester Easy Flow
1st Trimester Moderate Flow
1st Trimester Strong Flow
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
2nd trimester
3rd trimester stretch/strengthen
1st Trimester Strong Flow
2nd Trimester Moderate Flow
3rd trimester
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>
