CSS3で初日の出
CSS3のanimationで初日の出。
Firefox、Safari、Chromeで動作可能。
明けた空
太陽光
太陽
海
海ゆらぎ
backgroundの「linear-gradient(線形グラデーション)」や「radical-gradient(円形グラデーション)」ってanimationを適用できないのか。
(少なくとも自分の環境では動かなかった)
結局、グラデーションを設定したボックスを重ねてopacityを変化させる方法になった。
animationの繰り返しについてもちょっと苦戦。
どうも繰り返しの時に動作がぎこちない。
原因がなんとなくわかるような、わからんようなって所なので、
もうちょっといじってみよう。
とりあえず、今回はここまでってことで。