1

ChromeとSafariでは正常に動作しているが、Firefoxでは動作していないアニメーションがあります。私のjqueryコードは

HTML

<ul id="clientlist">
    <li name="clientitem0" class="clientitem">
        <div id="client0" class="client shadow">
            <img src="images/work/bbc.jpg" border=0>
            <p>National BBC</p>
            <a href="bbc.co.uk">
                <div class="website"></div>
            </a>
        </div>
    </li>
</ul>

脚本

$("li[name^='clientitem']").each(function(index) {
    $(this).delay(200*index).fadeIn();
    $("#client"+index).delay(200*index).animate({"top": "0px"}, "slow");
});

Css

.client {
    position: relative; 
    top: 50px; 
    border: 1px solid #303234;
    background: #181B1D;
    -webkit-transition: -webkit-transform 0.2s linear;
}
4

1 に答える 1

4

エンジン ブラウザtransitionの効果を追加しました (例: 、など...)。他のエンジンにも同様のものを追加する必要があります。webkitSafariChrome

.client {
    position: relative; 
    top: 50px; 
    border: 1px solid #303234;
    background: #181B1D;
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear; 
    -ms-transition: -ms-transform 0.2s linear;  
    -o-transition: -o-transform 0.2s linear;  
    transition: transform 0.2s linear; 
}
于 2012-07-22T14:30:06.153 に答える