demo.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box {
width: 250px;
height: 250px;
margin: 100px auto;
background-color: red;
animation: am1 2s linear infinite alternate 1s; /* 动画持续时间 匀速 运动次数(循环) alternate(往返运动) 1s(延迟)*/
/* 详细属性 */
animation-name: am1; /* 动画名称 */
animation-duration: 2s; /* 动画持续时间 */
animation-iteration-count: 3; /* 动画次数 infinite:无限播放 */
animation-direction: alternate; /* 往返运动 */
animation-delay: 1s; /* 延迟时间 */