CSS3实现元素旋转

CSS3实现旋转，下面是CSS3实现 图片img、块元素div、字体font 等旋转特效的代码：

.spinner{
	-webkit-animation:spinner 2s infinite linear;
	animation: spinner 2s infinite linear;
}

@-webkit-keyframes spinner{
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: ratate(359deg);
	}
}

旋转角度是从0到360度，刚好一圈。