ページ読み込み時にCSSだけでフェードインさせる方法

CSSでページ遷移をフワっとさせたい

CSSの小ネタ

昔はJavascriptで実装するのが主だったものが最近ではCSSだけで出来てしまう。

そんなCSSの小ネタを一つメモメモ…

とっつぁん

とっつぁん今回はページ遷移をフワっとさせるちょこっとしたCSSの小ネタです

みーたむ

みーたむページ遷移をフワっとさせるのにはどういう意味があるのですか?

とっつぁん

とっつぁんえ…クリックした時に何となく気持ちいい?

みーたむ

みーたむなるほど、なんともフワっとした内容ですね…

とっつぁん

とっつぁんい…一応デモページを用意したので見てみるでござる…

DEMO

みーたむ

みーたむなるほど、確かにフワっとさせた方が気持ちいい気がしますね

とっつぁん

とっつぁんせやろ?

やり方

css

とっつぁん

とっつぁんcssのアニメーションを利用してbodyの透明度を変えているだけですな

みーたむ

みーたむ簡単ですね!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です