純粋なCSSのフリッカー効果

.iiボックス活性 { 
    -webkit-アニメーション無限容易インアウト1S shan666
    アニメーションshan666の1S無限簡単・イン・アウト
    -webkit-アニメーションフィル・モード両方
    アニメーションフィル・モード両方
} 

-webkit-キーフレームshan666 @ { 
    0%{ 
        不透明0.5
        フィルタアルファ(不透明度= 20) / * -webkit-変換:スケール(0.8); * / //缩小
     } 
    50% { 
        不透明1 ; 
        フィルタアルファ(不透明度= 50) / * -webkit-変換:スケール(1.12); * / //放大
        背景色 ; #FFF ; 
    } 
    100% { 
        不透明0.5
        フィルタアルファ(不透明度= 20) / * -webkit-変換:スケール(0.8); * / //缩小
     } 
} 

shan666 @keyframes { 
    0%{ 
        不透明度0.5
        フィルタアルファ(不透明度= 20) / * -webkit-変換:スケール(0.8); * / //缩小
     } 
    50% { 
        不透明1
        フィルタアルファ(不透明度= 50) / * -webkit-変換:スケール(1.12); * / //放大
        背景色 ; #FFF ; 
    } 
    100% { 
        不透明0.5
        フィルタアルファ(不透明度= 20である) ;
         / * -webkit-変換:スケール(0.8); * / //還元
     } 
}

 

おすすめ

転載: www.cnblogs.com/shark1100913/p/11124745.html