.example:hover {
transform: skew(30deg,20deg);
transition: all 10s ease-in-out;
}
如果我将鼠标悬停在元素上,它会开始扭曲10秒钟。但如果在10秒之前取消悬停,则会停止扭曲。
是否有一种方法可以取消悬停元素,仍然让它完成完整的10秒扭曲?
换句话说,只需将鼠标悬停在元素上一次,它就会扭曲10秒钟,无论您是否取消悬停。
.example:hover {
transform: skew(30deg,20deg);
transition: all 10s ease-in-out;
}
hover
和css
函数。hover
没有回调函数,所以我们需要使用类似于animate
的东西。 - bboy