国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

問題描述：

想利用圖片做一個類似燈光漸變的效果：
現(xiàn)階段有不同顏色的圖片（如下圖），然后更改他們的透明度實現(xiàn)漸變效果。

自己的實現(xiàn)方法：

我目前使用的是CSS3的動畫，更改background-image和opacity來實現(xiàn)的。但是IE和火狐并不支持background-image屬性的動畫效果（其實只有chrome支持）。
因為需要漸變效果，也就是在yellow->red的時候，會有橙色的過度（該效果是通過兩張圖片的疊加實現(xiàn)的。也就是（
yellow 1 1->1 1->0
red 0 0->1 1->1
）
這是一個從yellow->red的過程。
求各位大神給的思路或者想法？
實現(xiàn)代碼如下：

/* for Chrome*/
#colorBar{
    position: absolute;
    /*float: left;*/
    z-index: 15;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    opacity: 1;
    animation: colorImg 8s steps(40) infinite ;
    /*animation: colorImg 15s infinite;*/
}

@keyframes colorImg{
    0%{
        background-image: url("../img/LED/yellow.png");
        opacity:1;
    }
    25%{
        background-image: url("../img/LED/red.png");
        opacity:1;
    }
    50%{
        background-image: url("../img/LED/green.png");
        opacity:1;
    }
    75%{
        background-image: url("../img/LED/blue.png");
        opacity:1;
    }
    100%{
        background-image: url("../img/LED/yellow.png");
        opacity:1;
    }

}

圖片材料：