xxxxxxxxxx
/*This will shake the element from side to side.*/
@keyframes shake {
30% {
transform: rotate(20deg);
}
60% {
transform: rotate(-40deg);
}
}
xxxxxxxxxx
/* CSS Code for Rotation Animation */
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Apply the animation to an element */
.element {
animation: rotate 2s linear infinite;
}
xxxxxxxxxx
/*all frames for rotation*/
@import = url("https://pastebin.com/raw/CStAV14T")
.rotate{
/* Start the rotate animation and make the animation last for 1 second */
animation: rotate 1s;
/* When the animation is finished, start again */
animation-iteration-count: infinite;
}