H5+CSS3 の電球スイッチの開閉アニメーション特殊効果

html、本文{
フォントファミリー: ジョージア、セリフ;
フォント スタイル: イタリック;
フォントサイズ: 4.2vmin;
行の高さ: 4.7vmin;
カラー: rgba(255,255,255,0.6);
マージン: 0;
パディング: 0;
高さ: 100%;
背景: rgba(66,39,71,1);
背景: -moz-linear-gradient(上、rgba(66,39,71,1) 0%、rgba(43,25,46,1) 73%、rgba(19,11,20,1) 100%) ;
背景: -webkit-gradient(左上, 左下, color-stop(0%, rgba(66,39,71,1)), color-stop(73%, rgba(43,25,46,1)) 、カラーストップ(100%、rgba(19,11,20,1)));
背景: -webkit-linear-gradient(top, rgba(66,39,71,1) 0%, rgba(43,25,46,1) 73%, rgba(19,11,20,1) 100%) ;
背景: -o-linear-gradient(上、rgba(66,39,71,1) 0%、rgba(43,25,46,1) 73%、rgba(19,11,20,1) 100%) ;
背景: -ms-linear-gradient(上、rgba(66,39,71,1) 0%、rgba(43,25,46,1) 73%、rgba(19,11,20,1) 100%) ;
背景: 線形グラデーション(下へ、rgba(66,39,71,1) 0%、rgba(43,25,46,1) 73%、rgba(19,11,20,1) 100%);< br /> }
{
カラー: rgba(255,255,255,0.6);
}
#ランパダリオ {
位置: 固定;
左: 50%;
上: 0;
}

CSS3 点灯消灯バブルアニメーション アートは、CSS3 で作成された 1 項の点消灯消灯アニメーション コードです。