css动画 转圈圈效果

Posted 2021-09-29 水香木鱼

实现效果：

设置动画代码：

//添加旋转的动画
    @keyframes rotabe1 {
        //动画开始
        form{
            transform: translate(-50%,-50%)
            rotate(0deg);
        }
        //动画结束
        to{
            transform: translate(-50%,-50%)
            rotate(360deg);
        }
        
    }

调用动画的代码（放在需要调用的位置）

  //调用动画
        animation: rotabe1 15s linear infinite;