flex布局（animation）

CSS3的animation属性可以像Flash制作动画一样，通过关键帧控制动画的每一步，实现更为复杂的动画。 
animation实现动画主要由两个部分组成： 
1. 通过@keyframes来声明一个动画 
2. 在animation属性中调用关键帧声明的动画

HTML：

<div class="box"></div>

CSS：

        body{
            background-color: #333;
        }
        .box{
            width: 100px;
            height: 100px;
            background-color: orangered;
            animation: move 4s ease 0s infinite;
        }
        @keyframes move {
            0%{
                transform: