【问题标题】:CSS3 Transition (cubic-bezier) is not working in FirefoxCSS3 过渡(立方贝塞尔)在 Firefox 中不起作用
【发布时间】:2013-04-25 21:35:05
【问题描述】:
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0;

根据 w3schools 支持。

在 Chrome、IE 和 Opera 中运行良好。

http://jsfiddle.net/FSEqT/1/

【问题讨论】:

    标签: css cross-browser css-transitions


    【解决方案1】:

    奇怪的是,在 transition-delay 属性中不包括秒单位会导致转换不起作用。只需将您的 transition 规则更改为:

    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    

    http://jsfiddle.net/FSEqT/7/

    【讨论】:

      【解决方案2】:
      -moz-transition: all 0.3s cubic-bezier(x1, y1, x2, y2);
      

      https://developer.mozilla.org/en-US/docs/CSS/timing-function

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-07
      • 2014-05-13
      • 2012-07-11
      • 1970-01-01
      • 2011-09-12
      • 2012-09-21
      • 2023-03-05
      • 1970-01-01
      相关资源
      最近更新 更多