CSS animation-delay属性，动画延迟
animation-delay属性
CSS层叠样式表中的animation-delay属性，可用于设置动画的延迟的效果。比如下方的示例，鼠标悬停2s之后，div的动画将被执行：
提示：animation-delay一般与animation-duration配合使用。
语法
animationo-delay:time
animation-delay实例代码，及在线编辑器
<div id='d2'></div>
<style>
@keyframes backgroundChange{
from {background-color:pink;}
to{background-color:orange;}
}
#d2{width:100%;height:50%;background-color:pink;}
#d2:hover{animation-name:backgroundChange;animation-duration:3s;animation-delay:2s;}
</style>