CSS3旋转动画
鼠标滑过b标签360度旋转
a:hover b{
animation:articl 4s infinite linear;
-webkit-animation:articl 4s infinite linear;
-moz-animation:articl 4s infinite linear;
-ms-animation:articl 4s infinite linear;
}
@keyframes myrole{
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes articl{
0%{-webkit-transform:rotate(0deg);}
50%{-webkit-transform:rotate(180deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes articl{
0%{-webkit-transform:rotate(0deg);}
50%{-webkit-transform:rotate(180deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-ms-keyframes articl{
0%{-webkit-transform:rotate(0deg);}
50%{-webkit-transform:rotate(180deg);}
100%{-webkit-transform:rotate(360deg);}
}
