【问题标题】:Velocity.js // Opacity problemsVelocity.js // 不透明度问题
【发布时间】:2014-08-05 14:01:00
【问题描述】:

velocity.js 的不透明度问题

例如,在 css 文件中:

#background{ opacity: .5 }

咖啡脚本部分:

$("#backgound").velocity(
  opacity: 0
, 350)

速度不会有任何影响。背景颜色也是如此:例如#background{ background-color: rgba(255, 255, 255, 0.5) },通过速度改变背景颜色也不会产生任何影响

对此的任何反馈表示赞赏!

【问题讨论】:

    标签: javascript jquery-plugins velocity.js


    【解决方案1】:

    检查此[ EXAMPLE ]
    我对opacitybackgroundColor 都做了你想做的事。
    Velocity 尚不支持rgba(),但您可以将backgroundColorHEX 单元一起使用,并通过backgroundColorAlpha 更改其透明度。

    祝你好运

    【讨论】:

    • backgroundColorAlpha !知道了。应该浏览整个文档,感谢您指出这一点
    【解决方案2】:

    你忘记使用括号 -->

    $("#backgound").velocity({ 不透明度:0 }, 350)

    【讨论】:

      【解决方案3】:

      试试这个: 忘记了!

      $div.velocity({
          properties: { opacity: 1 },
          options: { duration: 500 }
      });
      

      http://julian.com/research/velocity/

      【讨论】:

      • 该死的对不起,它只是咖啡脚本写得很好,它几乎是用它写的。问题是速度,你可以从 1 到 0 和从 0 到 1,但不能从 0.5 到 0 和从 0 到 0.5……或者至少它在我这边不起作用
      • np。我使用 CSS3 淡入淡出效果。(纯 CSS3)它非常快而且没有延迟。但有时与 jquary 不匹配!
      • 是的,这个作品的纯 css 效果。但你可能同意我们都会更乐意将所有动画放在一个地方(在我的情况下,我想将它全部移动到速度)
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-06-04
      • 2013-06-16
      • 2013-11-02
      • 1970-01-01
      • 2013-01-19
      • 1970-01-01
      相关资源
      最近更新 更多