<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度
}

css3旋转