基于HTML5的齿轮动画特效

-o-transform: rotate(0deg); transform: rotate(0deg);

} to {

-o-transform: rotate(360deg); transform: rotate(360deg);

} }

/*rotate-back*/ @keyframes "rotate-back" {

from { -webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg); -o-transform: rotate(0deg);

-ms-transform: rotate(0deg); transform: rotate(0deg);

} to {

-webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg);

-o-transform: rotate(-360deg); -ms-transform: rotate(-360deg);

transform: rotate(-360deg); }

}

@-moz-keyframes rotate-back { from {

-moz-transform: rotate(0deg); transform: rotate(0deg);

} to {

-moz-transform: rotate(-360deg); transform: rotate(-360deg);

} }

@-webkit-keyframes "rotate-back" {

from { -webkit-transform: rotate(0deg);

transform: rotate(0deg); }

to { -webkit-transform: rotate(-360deg);

transform: rotate(-360deg); }

}

@-ms-keyframes "rotate-back" { from {

-ms-transform: rotate(0deg); transform: rotate(0deg);