css中如何使图标的旋转

css中如何使图标的旋转

---

例如：

使用的是阿里的icon

 <i class="iconfont icon-xiangshangjiantou icon-select"></i>
//icon-xiangshangjiantou 向上的箭头

实现其旋转向下：

使用css3的transform属性
旋转180度
如下，是无效的：

.icon-select{
	transform: rotate(180deg);
}

原因是图标是通过展示出来的

.icon-xiangshangjiantou:before {
    content: "\e65d";
}

所以
这样设置：

.icon-select:before{
	transform: rotate(180deg);
}