animation-duration设置的时间是从from到to再到from状态所用的时间总和,对吧?
怎样让最终结果就显示到绿色实心圆哪里停下来呢?只有用transition才行吗?
你可以通过css3设定他在那个地方就停止的
你的问题这样解决,加上最后一行,
让最终结果就显示到绿色实心圆
div:hover {
animation-name: changeColor;
animation-duration: 5s;
animation-timing-function: ease-out;
animation-delay: .1s;
animation-fill-mode:forwards;
}