使用css将图标进行旋转的方法如下:
html
<!-- 向左的箭头 -->
<i class="icon-back"></i>
使用 css
的 transform
属性,将箭头进行旋转
css
// 向左的箭头 旋转为向下的箭头
.icon-back {
display: inline-block
transform: rotate(-90deg)
}
注意: 必须添加 display: inline-block
这个属性,否则会导致,旋转无效。