How to make an icon spin with CSS

来源：互联网发布：淘宝如何退换货物编辑：程序博客网时间：2024/09/21 09:29

http://jsfiddle.net/gaby/9Ryvs/7/

div {    margin: 20px;    width: 100px;    height: 100px;    background: #f00;    -webkit-animation-name: spin;    -webkit-animation-duration: 4000ms;    -webkit-animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    -moz-animation-name: spin;    -moz-animation-duration: 4000ms;    -moz-animation-iteration-count: infinite;    -moz-animation-timing-function: linear;    -ms-animation-name: spin;    -ms-animation-duration: 4000ms;    -ms-animation-iteration-count: infinite;    -ms-animation-timing-function: linear;        animation-name: spin;    animation-duration: 4000ms;    animation-iteration-count: infinite;    animation-timing-function: linear;}@-ms-keyframes spin {    from { -ms-transform: rotate(0deg); }    to { -ms-transform: rotate(360deg); }}@-moz-keyframes spin {    from { -moz-transform: rotate(0deg); }    to { -moz-transform: rotate(360deg); }}@-webkit-keyframes spin {    from { -webkit-transform: rotate(0deg); }    to { -webkit-transform: rotate(360deg); }}@keyframes spin {    from {        transform:rotate(0deg);    }    to {        transform:rotate(360deg);    }}

0 0