rotate---动画

第一种方式：rotate动画

CSS代码为：

.item-01{ position: absolute; left: 50px; top: 10px; width: 300px;-webkit-animation: twisterInUp 3s ease 0s 1 both;}
.rotate{-webkit-animation:rotating 1.2s linear infinite;-moz-animation:rotating 1.2s linear infinite;-o-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@keyframes rotating{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@-moz-keyframes rotating{from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}

本地效果为：app/html5_animation/rotate.html