【问题标题】:SASS CSS animationSASS CSS 动画
【发布时间】:2013-10-26 17:03:05
【问题描述】:

我想知道如何将 SASS 中的列表元素设置为以 display:none 开头,然后在动画开始时将其设为 display:block,然后在动画结束时将 background-color:#fff 更改为白色100%

Demo Here

【问题讨论】:

    标签: css sass css-transitions css-transforms


    【解决方案1】:

    我不太确定您的动画究竟会是什么样子。

    但试图将其作为您解决问题的参考:

    这里是DEMOenter link description here

    【讨论】:

    • 问题是当它应该是 1 时,它会淡回到 0 不透明度
    【解决方案2】:

    您不能使用display:none,因为您的元素将无法接收动画样式。相反,我会使用visibility: hidden。另外,如果希望您的样式在动画完成后仍然存在,那么您应该使用animation-fill-mode: forwardsSee demo here.

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-02-10
      • 2017-12-15
      • 2019-06-23
      • 2020-07-09
      • 2017-03-04
      • 1970-01-01
      • 2015-01-21
      相关资源
      最近更新 更多