css rotate animation
<img class="image" src="http://i.stack.imgur.com/pC1Tv.jpg" alt="" width="120" height="120">
.image {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin:-60px 0 0 -60px;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
Also in CSS:
- no repeat background
- css no overflow
- Can you change the color of a placeholder
- css calc height
- round button css
- svg to css converter
- redesign html select
- aliceblue hex
- removing space between words css
- css class list
- css background image size
- for loops in cpp
- formatting checkbox css
- style message d'erreur css
- css click event jquery
- css overwriting styles
- id in css
- text overflow ellipsis css
- css grid-template
- background color gradient css
- include css typo3
- change font awesome icon color
- css center element on screen
- responsive css grid