css - -webkit-transition-timing-function 在 Chrome 中没有任何效果

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

它是用于元素的转换，这与转换完全不同。尝试删除该行。根据我从您的问题中了解到的情况，我在那里没有必要。:)