返回目录
一、DOM
<body><div class="box"></div></body>
二、CSS
<style>.box {width: 200px;height: 200px;background-color: red;border-radius: 50%;position: relative;left: 0;top: 0;animation: move 2s linear infinite;}/*此方式为动画方式,使用的是定位的top属性还可以设置transform: translateY();margin-top*/@keyframes move {form {top: 0;}50% {top: 100px;}to {top: 0;}}</style>