CSS スタイル box-shadow、組み込み gif 動的レンダリングに関するいくつかの興味深い変換スタイル_html/css_WEB-ITnose

#a{
高さ: 110px;
幅: 110ピクセル;
マージン: 50ピクセル;
背景色: #FF0000;
移行期間: 1 秒。
}
#a:hover{
高さ: 30px;
幅: 30ピクセル;
マージン:50ピクセル;
ボックスシャドウ: 40px 40px 0px 0px #FF0000,0px 40px 0px 0px #FF0000,40px 0px 0px 0px #FF0000,
80px 0px 0px #FF0000,0px 80px 0px 0px #FF0000,40px 80px 0px 0px #FF0000、
80px 40px 0px 0px #FF0000,80px 80px 0px 0px #FF0000
}
#s{
高さ: 10px;
幅: 50ピクセル;
マージン: 100ピクセル 50ピクセル;
背景色: #00FF77;
移行期間: 1 秒。
}
#s:hover{
box-shadow: 0px 20px 0px 0px #00FF77,0px -20px 0px 0px #00FF77;
}
#h{
高さ: 100px;
幅: 100ピクセル;
マージン: 10px 50px;
背景色: #000000;
ボーダー: 10px ソリッド #FF0000;
移行期間: 1 秒。
}
#h:hover{
高さ: 100px;
幅: 100ピクセル;
マージン: 10px 50px;
背景色: #FF0000;
境界線: 10 ピクセルの実線 #00FFFF;
境界半径: 70px;