css手写动简单动画

div{
    width:100px;
    height:100px;
    background:red;
    position:relative;
    animation:mymove 10S infinite;
}

@keyframes mymove{
    from {top:0px;}
    to {top:200px;}
}

关键词：animation（动画名称，花费时间、是否轮流反向播放动画）

　　       @keframes 规则，创建动画（原理是将一套 CSS 样式逐渐变化为另一套样式）