直接乘坐代码，可以用类名解释意思。 camnpr-rotate-90 {
filter : progid : dximagetransform.Microsoft.basic image (旋转=1)；
- WebKit-transform 3360 rotate (90度)；
- moz-transform 3360 rotate (90度)；
- MS-transform 3360 rotate (90度)；
- o-transform 3360旋转(90度)；
变换：旋转(90度) )。
}
. camnpr-rotate-180 {
filter : progid : dximagetransform.Microsoft.basic image (旋转=2)；
- WebKit-transform 3360 rotate (180 deg )；
- moz-transform 3360 rotate (180 deg )；
- MS-transform 3360旋转(180度)；
- o-transform 3360旋转(180度)；
变换：旋转(180度)。
}
. camnpr-rotate-270 {
filter : progid : dximagetransform.Microsoft.basic image (旋转=3)；
微信传输3360 rotate (270 deg )；
- moz-transform 3360 rotate (270 deg )；
- MS-transform 3360旋转(270度)；
o-transform :旋转(270度)；
变换：旋转(270度) )。
}
. camnpr-flip-horizontal {
filter : progid : dximagetransform.Microsoft.basic image (rotation=0，mirror=1)；
- WebKit-transform : scale (-1，1 )；
- moz-transform 3360 scale (-1，1 )；
- MS-transform 3360 scale (-1，1 )；
- o-transform 3360 scale (-1，1 )；
变换： scale (-1，1 ) )。
}
. camnpr-flip-vertical {
filter : progid : dximagetransform.Microsoft.basic image (旋转=2，mirror=1)；
-网络工具包- transform : scale (1，-1)；
-moz-transform3360scale(1，-1)；
-ms-transform3360scale(1，-1)；
-o-transform3360scale(1，-1)；
transform:scale(1，-1) ) ) ) ) ) )。
}
以下是调动上边的效果。 自由组合，产生不同的效果。 自己试试吧。 camnpr-spin {
- WebKit-animation 3360 spin2sinfinitelinear；
- moz-animation 3360 spin2sinfinitelinear；
o-animation : spin2sinfinitelinear；
animation : spin2sinfinitelinear
}
@-moz-keyframes spin {
0% {
-moz-transform3360rotate(0deg ) ) ) ) )。
}
百分之百{
- moz-transform 3360 rotate (359 deg ) ) ) ) ) ) ) ) )。
}
}
@-webkit-keyframes spin {
0% {
- WebKit-transform : rotate (0deg ) ) ) ) ) ) ) ) ) )。
}
百分之百{
-网络工具包- transform 3360 rotate (359 deg ) )。
}
}
@-o-keyframes spin {
0% {
-o-transform3360rotate(0deg ) )。
}
百分之百{
-o-transform3360rotate(359deg ) ) ) ) ) ) ) ) )。
}
}
@keyframes spin {
0% {
- WebKit-transform : rotate (0deg )；
变换：旋转(0度) )。
}
百分之百{
- WebKit-transform 3360 rotate (359 deg )；
变换：旋转(359度) )。
}
}