CSS展开图标旋转180度

相关文章推荐

谦虚好学的皮带 · ROS中TF(坐标系转换)原理与使用 - ...· 19 小时前 ·

温文尔雅的甜瓜 · 湾区动力/湾区超级火车站广州白云站启用 ...· 2 月前 ·

精明的伤痕 · “智改数转解决方案供应商论坛”在鼓楼举行· 2 月前 ·

大气的香槟 · 必读！业主违规装修要承担的法律责任|住宅|物 ...· 4 月前 ·

风流的人字拖 · 英博物馆文创产品线上热销 "推手"是他_央广网· 4 月前 ·

越狱的茶叶 · 边境倒爷：被时代遗忘的传奇人生· 1 年前 ·

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"/>
复制代码

推荐文章

谦虚好学的皮带 · ROS中TF(坐标系转换)原理与使用 - 前路有光，初心莫忘 - 博客园

19 小时前

温文尔雅的甜瓜 · 湾区动力/湾区超级火车站广州白云站启用 _大公网

2 月前

精明的伤痕 · “智改数转解决方案供应商论坛”在鼓楼举行

2 月前

大气的香槟 · 必读！业主违规装修要承担的法律责任|住宅|物业服务|物业管理|房地产_网易订阅

4 月前

风流的人字拖 · 英博物馆文创产品线上热销 "推手"是他_央广网

4 月前

越狱的茶叶 · 边境倒爷：被时代遗忘的传奇人生

1 年前