/*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;
}
/*This will shake the element from side to side.*/
@keyframes shake {
30% {
transform: rotate(20deg);
}
60% {
transform: rotate(-40deg);
}
}
Code Example |
---|
Css :: translate css property |
Css :: asp net css how to change text alignment of gridview column |
Css :: how to hover div in css |
Css :: keyframes scss |
Css :: font awesome saas gem |
Css :: how to get text to auto break in a grid |
Css :: css transparent background behind text |
Css :: em in css |
Css :: generate your tailwind.config.js file |
Css :: nth child |
Css :: up arrow css |
Css :: html css templates for practice |
Css :: include css typo3 |
Css :: css local variable |
Css :: circle percentage css |
Css :: media queries in scss |
Css :: dot in image css |
Css :: CSS fluid type sizing based on viewport |
Css :: in 10 seconds fade in a card html css |
Css :: advance selectors in css |
Css :: #00af8f rgba gradient |
Css :: CSS The !important |
Css :: css folded corner |
Css :: table vertical align center |
Css :: css animation left to right infinite codepen |
Css :: css fonts |
Css :: rotating text animation |
Css :: html color codes |
Css :: html css practice projects |
Css :: scroll timeline css |