1

何を設定しても、-webkit-transition-timing-function常にデフォルトのease動作になります。すべてのオプションを試しましたが が必要ですがlinear、Chrome は設定を無視します。FF と Safari は期待どおりに動作します...

http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp

 .boxOverGlow
    {
        width: 100%;
        left: 0px;
        top: 0px;
        position: absolute;
        display: block;
        z-index: 28;
        opacity: 0;
        filter: alpha(opacity=0);


        transition-timing-function: linear;
    -moz-transition-timing-function: linear; /* Firefox 4 */

    -o-transition-timing-function: linear; /* Opera */

     transition:opacity 1s;
    -moz-transition:opacity 1s; /* Firefox 4 */
    -webkit-transition:opacity 1s; /* Safari and Chrome */
    -o-transition:opacity 1s; /* Opera */

     -webkit-transform-style: preserve-3d;
          -webkit-transition-timing-function: linear; /* Safari and Chrome */


    }
4

1 に答える 1

1

動作を変更するときは、デフォルトの行にも変更します。

 transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;

そして、これらの遷移は私のグーグルクローム（20.0.1132）で目覚めています。

使用している

-webkit-transform-style:preserve-3d

トランジションとはまったく異なる要素の変換用です。その行を削除してみてください。あなたの質問から私が理解したことによると、私はそこでは必要ありません。:)

于 2012-07-24T07:12:15.783 に答える