how rotate infinity css
<div
class="rotating"
style="width: 100px; height: 100px; line-height: 100px; text-align: center;"
>Rotate</div>@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
Also in CSS:
- + selector css
- min and max width media query
- css min width
- animate css
- fabric bring to front element top
- css transition visibility
- scss npm import
- css border opacity
- css first td
- how rotate infinity css
- css align backround image to the right
- background color using css
- remove html scroll bar
- link css with html
- transparent text css
- css animation examples
- make div the size of the text inside
- Background Video.module.css'
- css how to center images in a table cell
- css center image horizontal and vertical flexbox
- css calss
- scss hover
- col-xs-12 col-sm-4 col-md-4 col-lg-4
- button color for black background html css