这个屌丝很懒，什么也没留下！

vue 实现旋转动画效果_vue transition 旋转

作者：我家小花儿 | 2024-03-27 17:19:04

vue transition 旋转

在这里插入图片描述
如图，点击切换时，需要转动动画

<img src="@img/assets/4.png" class="zhuan" @click="zhuan" :class="{go:rotate , aa :!rotate}">

rotate: false, //控制互转效果

zhuan(){
	this.rotate = !this.rotate;
}
1
2
3
4
5
6
7

.aa {
	transition: all .5s;
}

.go {
	transform: rotate(180deg);
	transition: all .5s;
}
1
2
3
4
5
6
7
8

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】