vue实现图片的旋转(点击一下旋转360°)
用动画实现
@keyframes rotate{
0%{ transform: (0deg) }
100%{transform:(360deg)}
}
.go{
animate: rotate 1s;
}
给图片加一个点击事件
<img :class='{go:'addRotate'}' src='' @click='rotate'>
点击事件实现
rotate(){
this.addRotate = true;
setTImeout(() => {
this.addRotate = false;
},1000)
}
