<span></span>
span{
display: block;
//三角形
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid #ffffff;
//旋转动画
transition: 0.3s all;
}
span:hover{
transform: rotate(180deg);//旋转180度
}
原文：http://www.cnblogs.com/-CLAY-/p/transform.html