Let any site breathe through attribute-based element animations.
<head>
<script src="https://cdn.jsdelivr.net/gh/flecss/breathe@main/dist/breathe.js"></script>
<head>Simply add a breathe pattern to an element that should be animated. The respectively specified animation pattern fires once upon scroll into view.
<div data-breathe="fade">
<strong>breathe</strong>
<p>
Let any site breathe…
</p>
</div>| Pattern |
|---|
fade |
rise |
flip-h |
flip-v |
bounce |
pulse |
© Thassilo Martin Schiepanski