vue 实现旋转动画效果
如图,点击切换时,需要转动动画<img src="@img/assets/4.png" class="zhuan" @click="zhuan" :class="{go:rotate , aa :!rotate}">rotate: false, //控制互转效果zhuan(){this.rotate = !this.rotate;}
·
如图,点击切换时,需要转动动画
<img src="@img/assets/4.png" class="zhuan" @click="zhuan" :class="{go:rotate , aa :!rotate}">
rotate: false, //控制互转效果
zhuan(){
this.rotate = !this.rotate;
}
.aa {
transition: all .5s;
}
.go {
transform: rotate(180deg);
transition: all .5s;
}
更多推荐
已为社区贡献15条内容
所有评论(0)