css3 2D旋转角度和中心点

style {
	.c {
			margin: 100px auto;
			width: 100px;
			height: 100px;
			background-color: red;
			/*选择旋转中心点,left,center,或者x y 坐标,单位px*/
			transform-origin: 10px 10px;
			/*过渡动画,默认值是all,后面跟的是时间*/
			transition: all 0.6s;
		
		}
		div:hover {
			/*旋转角度,360度*/
			transform: rotate(360deg);
		}
}
body {
	
"c"> 我是个盒子
}

你可能感兴趣的:(css)