CSS 迴圈動畫效果。

標籤：blog   io   java   for   div   sp   log   on   c   

@-moz-keyframes revolving{    0{        -moz-transform:  rotate(0deg);        -webkit-transform:  rotate(0deg);    }    25%{        -moz-transform:  rotate(-10deg);        -webkit-transform:  rotate(-10deg);    }    50%{        -moz-transform:  rotate(0deg);        -webkit-transform:  rotate(0deg);    }    75%{        -moz-transform:  rotate(10deg);        -webkit-transform:  rotate(10deg);    }    100%{        -moz-transform:  rotate(0deg);        -webkit-transform:  rotate(0deg);    }}@-webkit-keyframes revolving{    0{        -moz-transform:  rotate(0deg);        -webkit-transform:  rotate(0deg);    }    25%{        -moz-transform:  rotate(-10deg);        -webkit-transform:  rotate(-10deg);    }    50%{        -moz-transform:  rotate(0deg);        -webkit-transform:  rotate(0deg);    }    75%{        -moz-transform:  rotate(10deg);        -webkit-transform:  rotate(10deg);    }    100%{        -moz-transform:  rotate(0deg);        -webkit-transform:  rotate(0deg);    }}

 

.new-msg{    -moz-animation: revolving 0.6s 0s infinite;    -webkit-animation: revolving 0.6s 0s infinite;    width:16px;height:16px;    line-height:16px;    text-align:center;}

 

CSS 迴圈動畫效果。