实现鼠标左键点击头像转圈,右键暂停。
<template>
<view>
<image src="/static/img/one.jpg" mode="aspectFit" class="img"/>
</view>
</template>
<script>
export default {
name:'',
components:{},
data(){
return{}
},
created(){},
mounted(){},
methods:{},
}
</script>
<style scoped lang='scss'>
.img{
width: 500rpx;
height: 500rpx;
border-radius: 50%;
&:hover{
transform: rotate(666turn);
transition-duration: 59s;
transition-timing-function: cubic-bezier(.34, 0, .84, 1)
}
}
</style>