CSS展开图标旋转180度

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

闯红灯的雪糕 · 同样被南阳一中录取，最低分相差近40？分配生 ...· 1 月前 ·

近视的春卷 · Clover - ...· 3 月前 ·

忧郁的烤土司 · 放弃京东价值几千万的股票，任鑫出来新创了“G ...· 3 月前 ·

有腹肌的电影票 · 森见登美彦-全部作品在线阅读-微信读书· 4 月前 ·

完美的硬盘 · 无损音乐下载网站，有没有推荐的？ - 知乎· 9 月前 ·

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

推荐文章

闯红灯的雪糕 · 同样被南阳一中录取，最低分相差近40？分配生是什么意思|统招|普通高中|录取分数线_网易订阅

1 月前

近视的春卷 · Clover - 让你的电脑文件夹拥有像谷歌浏览器一样好用的多标签页！_bug

3 月前

忧郁的烤土司 · 放弃京东价值几千万的股票，任鑫出来新创了“Get”——它真的能帮你Get√一切吗-虎嗅网

3 月前

有腹肌的电影票 · 森见登美彦-全部作品在线阅读-微信读书

4 月前

完美的硬盘 · 无损音乐下载网站，有没有推荐的？ - 知乎

9 月前