To provide a simple way to add a little animation to your web app.
This library is designed to sprinkle in animations to your HTML.
It works particularly well with SPAs that handle when HTML elements appear and dissapear.
Add class="fadeInRight" to your HTML elements.
If you want to add some delay you can use one of the delay classes
class="a-delay-4"
.fadeInUp
.fadeInDown
.fadeInLeft
.fadeInRight
.zoomIn
You can customize the sprinkles by overwriting CSS variables.
:root {
--a-duration: .2s;
--a-easing: cubic-bezier(0.305, 0.735, 0.590, 0.895);;
}
.a-delay-1
.a-delay-2
.a-delay-3
.a-delay-4
.a-delay-5
.a-delay-6