loading动画有哪些？

在开始之前，先复习一个小知识：CSS3新增的关键帧动画，可以用来实现很多的动画，我们可以通过animation-delay来控制动画延迟执行，来实现丰富的效果。

当animation-delay的值为正值时，动画将被延迟从初始状态开始执行；

当animation-delay的值为负数时，动画将被提前从该值（负数的绝对值）对应的状态开始执行。

（效果图片可能不太清楚，请谅解）

一、第一种效果

一共16个小正方形，将位置定位，通过关键帧来改变正方形的透明度

{animation: ball 2s 0s ease infinite;}
@keyframes ball {
      0%{
        opacity: 1;
      }
      50%{
        opacity: 1;
      }
      51%{
        opacity: 0;
      }
    } 

查看更多关于loading动画有哪些？的详细内容...