exit the rut, listen to your büddhi
our amazeballs recos
not sure where to start?
try our recommended schedule for the week!
one peach
My Neck, My Back
Stand and Deliver
Joint Medicine
two peaches
Bee's Knees
The Radiator
Birthing & Ancestors
three peaches
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>
