Question

无论我设置-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 */


    }

Answer 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

它用于转换与转换完全不同的元素。尝试删除该行。根据我从你的问题中所理解的，我没有必要。：）

-webkit-transition-timing-function对Chrome没有任何影响

1 个答案: