animation effects css code example
Example 1: adding animation to images css
basic animation drop
//drop is variable named for the animation
@keyframes drop {
0% {
opacity: 0;
transform: translateY(-80px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
img {
animation: drop 500ms ease;
}
Example 2: Css animations
Here a codePen with cool animations:
https://codepen.io/DevLorenzo/pen/ExgpvJM