且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何使 CSS3 悬停过渡只运行一次,而不是在用户“取消悬停"后“倒带"?

更新时间:2023-11-01 13:34:52

恕我直言,纯 CSS 是不可能的.最简单的解决方案是使用 jQuery.

IMHO, it is not possible to do with pure CSS. The easiest solution will be using jQuery.

// css
.actioner{
    -webkit-transform: translate(540px,0px); 
    -moz-transform: translate(540px,0px); 
    -o-transform: translate(540px,0px); 
    -ms-transform: translate(540px,0px);
}

// script
$(function(){
    $('.kitty').one("mouseover", function() {
        $('.kitty').addClass('actioner');
    });
});