--- layout: default permalink: /animations category: utilities title: Animations description: "Animations are illusions of movements for web elements when reloading the page or when entering it. These animations are generated completely with CSS.

They do not use JS, so they are only launched when you reload a page or enter a new tab.

If you want to launch animations while scrolling you can use Javascript along with the animations." ---

{{ page.title }} Utilities

{{ page.description }}


e-waves
e-waves-dark

e-waves

Click on the elements to see the effect.
{% highlight html %}
...
...
{% endhighlight %}
Animation eUp
Animation Infinite

eUp

To start again, reload the page, IT WILL BE LOADED IN THE SAME PLACE OF DISPLACEMENT.

The classes of the animations do not have scripts. e- for e

Add infinite To repeat the animation in a cycle.

{% highlight html %}
...
...
{% endhighlight %}
Animation ePull
Animation ePull

ePull

To start again, reload the page, IT WILL BE LOADED IN THE SAME PLACE OF DISPLACEMENT.

The classes of the animations do not have scripts. e- for e

Add infinite To repeat the animation in a cycle.

{% highlight html %}
...
...
{% endhighlight %}
Animation eRight

eRight

To start again, reload the page, IT WILL BE LOADED IN THE SAME PLACE OF DISPLACEMENT.

The classes of the animations do not have scripts. e- for e

Add infinite To repeat the animation in a cycle.

{% highlight html %}
...
...
{% endhighlight %}
Animation eFade
Animation eFade

eFade

To start again, reload the page, IT WILL BE LOADED IN THE SAME PLACE OF DISPLACEMENT.

The classes of the animations do not have scripts. e- for e

Add infinite To repeat the animation in a cycle.

{% highlight html %}
...
...
{% endhighlight %}
Animation eSlide

eSlide

To start again, reload the page, IT WILL BE LOADED IN THE SAME PLACE OF DISPLACEMENT.

The classes of the animations do not have scripts. e- for e

Add infinite To repeat the animation in a cycle.

{% highlight html %}
...
...
{% endhighlight %}