0

私はアニメーション化しようとしていますdiv 

background: #fff;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); 
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);

$("#foo").animate({"top":"0px"},{duration:800});

div がアニメーション化されると、box-shadow点滅が始まります - http://jsfiddle.net/TvKqx/

アニメーションをスムーズにするためにできることはありますか?

更新: 私は 1440 X 900 の画面解像度を持っていますが、それが問題の原因だと思います。画面解像度を 1024 X 768 に切り替えた後、点滅はなくなり、アニメーションは正常に動作します。では、大きなサイズの画面で jQuery アニメーションを強化するにはどうすればよいでしょうか?

4

1 に答える 1

1

transition大画面にはCSS3を使用できます-デモ

#foo {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    position: relative;
    top: 0;

    -webkit-transition: top .8s linear;
       -moz-transition: top .8s linear;
            transition: top .8s linear;
}
于 2012-08-26T11:45:45.797 に答える