简单直接上代码,实现图片360度不停旋转
wxml代码和wxss如下
<image class="songimg" src="http://evo-nav-media.mars-health.xyz/teacher.jpg" >
@keyframes box-ani {
from {transform: rotate(0)}
to {transform: rotate(360deg)}
}
.songimg{
border-radius:50%;
position: relative;
/* margin-left: -30rpx; */
animation: box-ani 4s infinite linear;
}