图一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);
}