父级设置：

 .container1{
                animation:upDown 1s infinite ease-in-out alternate;
            }            
             @-webkit-keyframes upDown{
               to{
                transform:translateY(200px;);
                } 
             }

子级设置：

.container1 .box{                
                transform-origin:center 250%;
                animation: circle2 1s infinite linear;
                margin:250px auto;
             }
             @-webkit-keyframes circle2{
                     to{
                              transform:rotate(1turn);  
                            }
             }

而且我觉得父级container1做上下偏移，并不关子级box的什么事。。。。。