animate css. code example
Example 1: how to animate in css
<style>
.myclass{
background:red; /*DEFAULT VALUE*/
animation:colorchange 1s; /*ANIMATION PROPERTY [name, time]*/
}
@keyframes colorchange{
from{background:red} /*DEFAULT VALUE*/
to{background:blue} /*CHANGING VALUE*/
}
</style>
<body>
<div class="myclass"> ELEMENT </div>
</body>
Example 2: animate.css
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />