css动画 转圈圈效果
Posted 水香木鱼
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css动画 转圈圈效果相关的知识,希望对你有一定的参考价值。
实现效果:
设置动画代码:
//添加旋转的动画
@keyframes rotabe1 {
//动画开始
form{
transform: translate(-50%,-50%)
rotate(0deg);
}
//动画结束
to{
transform: translate(-50%,-50%)
rotate(360deg);
}
}
调用动画的代码(放在需要调用的位置)
//调用动画
animation: rotabe1 15s linear infinite;
以上是关于css动画 转圈圈效果的主要内容,如果未能解决你的问题,请参考以下文章