原型scriptaculous背景颜色：RGBA颜色动画

Question

Prototype和scriptaculous是这样的http://pioupioum.fr/sandbox/jquery-color/？

我要的期刊动画RGBA我的网站后台找些性感和花式...

Answer 1

rgba是相当最近和only supported by the newest browsers。幸运的是，这几乎是相同的浏览器，也支持CSS transitions，所以不需要Javascript库。只要看看这个工作例如：massiveblue.com

---

的source解释它：

body, #logo h1 a, ul#menu li.on {background-color: #39f !important;} 
@-webkit-keyframes colours { 
     0% {background-color: #39f;} 
    15% {background-color: #8bc5d1;} 
    30% {background-color: #f8cb4a;} 
    45% {background-color: #95b850;} 
    60% {background-color: #944893;} 
    75% {background-color: #c71f00;} 
    90% {background-color: #bdb280;} 
    100% {background-color: #39f;} 
} 
body, #logo h1 a, ul#menu li.on { 
    -webkit-animation-direction: normal; 
    -webkit-animation-duration: 60s; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-name: colours; 
    -webkit-animation-timing-function: ease; 
} 

关键帧名字“色”作为帧序列，即随后在animation-name规则中使用。 animation-iteration-count是infinite所以它不断循环。请记住，要为各种浏览器复制各个前缀为-webkit-，-moz-和-o-的规则，并且为未来的兼容性设置一个没有前缀的规则。