Animation Shorthand CSS
animation: name time func delay iteration dir fill play;
animation: none 0s ease 0s 1 normal none running;
Breakable Barracuda
animation: name time func delay iteration dir fill play;
animation: none 0s ease 0s 1 normal none running;Here a codePen with cool animations:
https://codepen.io/DevLorenzo/pen/ExgpvJM#anim {
animation-name: colorful;
animation-duration: 3s;
}
@keyframes colorful {
0% {
background-color: blue;
}
100% {
background-color: yellow;
}
}.wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100vh
}
.pulse {
width: 70px;
height: 70px;
background-color: red;
border-radius: 50%;
position: relative;
animation: animate 3s linear infinite
}Read this helpful, short and straightforward article to learn CSS animation perfectly.
https://medium.com/@Cafe_Code/learn-css-animation-asap-as-simple-as-possible-374b7874d4dddiv {
animation: mymove 5s infinite;
}