动画

动画最大的特点可以不用鼠标触发，自动的，反复的执行某些动画。

动画使用分为定义和调用：

0. 定义：

   /* 1. 定义的动画 */
   @keyframes dance {
   ​
       from {
           transform: scale(1)
       }
   ​
       to {
           transform: scale(1.5)
       }
   }
   

   或者是

    /* 1. 定义的动画 */
       @keyframes dance {
   ​
          0% {
           transform: scale(1)
         } 
   ​
         100% {
           transform: scale(1.5)
         }
       }
   

1. 调用

   img {
       width: 200px;
       /* 2. 使用动画  animation: 动画名称 执行时间;   infinite 循环*/
       animation: dance .5s infinite;
   }