Scroll 背景透明度？

我刚刚在我的html中安装了所谓的Skrollr插件。我希望背景色以透明开始，以rgb 80结束

我做不到。 这就是我迄今为止所尝试的：

<div id="navigation" data-0="background-color:transparent;" data-380="background-color:rgb(80,80,80);">

有人知道吗

---

谢谢

您想要在其上设置动画的不是颜色而是alpha通道。试试这个：

<div id="navigation"
     data-0="  background-color:rgba(80,80,80,0);"
     data-380="background-color:rgba(80,80,80,1);">

另一种方法是修改不透明度而不是背景色。这也适用于图像，而不仅仅适用于实体填充

<div id="navigation"
     data-0="opacity:0"
     data-380="opacity:1"
     style="background-color:rgb(80,80,80);">

---

Skrollr插件基本上将RGB转换为十六进制，并在十六进制颜色代码中应用内联样式。忽略Alpha值

更好的方法是改变班级：

<div id="navigation" class="nav" data-0="@class:nav" data-380="@class:nav changed"></div>

---

这也是一个有趣的方法！不幸的是，渐进式的过渡就这样消失了。

.nav {
  background-color:rgba(80,80,80,0);
}
.nav.changed {
  background-color:rgba(80,80,80,1);
}