CSS Animations

Getting Started

To use the CSS animations, import the CSS file into your project.

@import '~@simple-web-utilities/simple-animation/dist/simple-animation.css';

Then apply the animation class to the element you want to animate.

<div class="simple-animation sa-fade-in">...</div>

It is as easy as that! For more details check out the individual animation pages.

Below are a list of all CSS animations available in Simple Animation.

Basic animations for fading elements in and out.

Basic animations for sliding elements into their final position.

These are combinations of the fade and slide animations.

Basic animations for rotating elements around its center.

These animations allow the expanding and collapsing of elements.