CSS展开图标旋转180度

直接上代码：

.spanRotate {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: transform .5s;
}

.spanReset {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: transform .5s;
}

如果是vue的话，再通过样式绑定就好了(isRotate在data中的初始值为false)，如：

<image :class="[isRotate ? 'spanRotate' : 'spanReset']" src="xxx" @click="isRotate = !isRotate"/>