CSS3 循环动画

less than 1 minute read

CSS 动画

手机加载界面会载入动画效果, 可以使用 CSS3 实现动画效果.

.animation {
  animation: point4 12s infinite;
}

设置动画运动帧的轨迹, 根据每一个阶段循环时间和运动曲线以及次数进行周期性运动.

@keyframes point4 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}

Tags:

Updated: