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 样式逐渐变化为另一套样式)