css icon旋转

图一1. 图二 2.   

如图一 :当鼠标移动到1 的时候 小三角旋转180度最终达到图2的样子

假如小三角 所在div的类名叫 release 小三角是背景图

.release_icon{

display: inline-block;

width: 10px;height: 40px;

margin-left: 5px;background: url(http://img.jiangcdn.com/home/zp/down.png) no-repeat center center;

vertical-align: middle;

transition: all ease-out 0.3s;

 -webkit-transition: all ease-out 0.3s

 -moz-transition: all ease-out 0.3s;

 transform: rotate(0);

}
.release:hover .release_icon{

transform: rotate(180deg);

}