<!DOCTYPE html>charset="utf-8"W3Cschool教程(w3cschool.cn)div{width:100px;height:100px;background:red;position:relative;animation:mymove 5s infinite;/* Safari、Chrome 和 Opera */-webkit-animation:mymove 5s infinite;}@keyframes mymove{from {left:0px;}to {left:200px;}}/* Safari、Chrome 和 Opera */@-webkit-keyframes mymove{from {left:0px;}to {left:200px;}}点击“尝试一下”按钮,反转动画的方向。