@-webkit-keyframes redToBlue{ from{ background:red; } to{ background:blue; } } div { width: 200px; height: 200px; background: green; margin: 20px auto; } div:hover{ -webkit-animation-name:redToBlue; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 1s; -webkit-animation-fill-mode:backwards; }

你可以对div设置hover才开始动画试试看看呢（默认div颜色为绿色），都和none状态相比吧，forwards会在动画结束后一直停留在动画的最后状态；backwards会在鼠标悬浮div的时候直接开始动画，没有延迟（而且最后画面也不是初始状态而是绿色）；both是forwards和backwards同时产生效果

不是，是定义动画结束后，是什么状态。初始状态还是结束的状态。backwards 是初始状态。