CSS3 2D转换&旋转

1. 旋转 rotate

img {
   
/*顺时针旋转45度*/
transform: rotate(45deg);
/*过渡写在本身上，谁做动画给谁加*/
transition: all 0.3s;
/*0.3是指时间*/
}

img:hover {
   
/*鼠标经过时旋转指定度数*/
transform: rotate(360deg);

2. 写三角
   

div {
   
    position:relative;
    width