动画二：动画（keyformes）

一、动画的语法及开启

1.动画的语法

开启动画可以指定一个属性发生变化，例如大小，倾斜，位置等

2.动画的开启

a   @keyframes  动画名称{

        form{

          动画开始时的状态

        }

        to{

          动画结束时的状态

        }

      }

b  @keyframes动画名称 {

        0%  {

          margin-left: 0px;

        }

        100% {

          margin-left: 500px;

        }

例如这样：

第一种写法： @keyframes move {

        from {

          background-color: #bfa;

        }

        to {

          background-color: red;

        }

      }

第二种写法：@keyframes move2 {

        0%  {

          margin-left: 0px;

        }<