Html 延迟返回位置CSS3转换

Html 延迟返回位置CSS3转换,html,css,transition,Html,Css,Transition,有没有一种方法可以延迟正在设置动画的div转换回到其原始状态,而不是开始设置动画的div转换? 例: []是。可以在悬停状态下重新定义动画 selector { property: value1; transition: property 1s 1s linear; /* transition: property duration delay easingfunction; */ } selector:hover { property: value1; trans

有没有一种方法可以延迟正在设置动画的div转换回到其原始状态,而不是开始设置动画的div转换?

例:


[]是。可以在悬停状态下重新定义动画

selector {
    property: value1;
    transition: property 1s 1s linear; /* transition: property duration delay easingfunction; */
}
selector:hover {
    property: value1;
    transition: none; /* No animation */
}

不要忘记添加供应商前缀。进一步信息:,。

是。可以在悬停状态下重新定义动画

selector {
    property: value1;
    transition: property 1s 1s linear; /* transition: property duration delay easingfunction; */
}
selector:hover {
    property: value1;
    transition: none; /* No animation */
}

不要忘记添加供应商前缀。进一步的信息:,。

你的意思是没有任何Javascript/jQuery?你的意思是没有任何Javascript/jQuery?这种方法很有效,但它是反向工作的:现在如果你将鼠标悬停在上面,它会延迟,但如果你停止悬停,它会立即变回。我会玩的,但如果有人也能尝试解决它,我会很感激的。明白了,你只需要换一下。我就是这样做的:选择器{transition delay:1s;}选择器:hover{transition delay:0;}它工作得很好。这种方法很有效,但它向后工作:o现在如果你在它上面悬停,它会延迟,但是如果你停止悬停,它会立即变回原来的状态。我会玩的,但如果有人也能尝试解决它,我会很感激的。明白了,你只需要换一下。我就是这样做的:选择器{transition delay:1s;}选择器:hover{transition delay:0;},它工作得非常好。