フェードイン／フェードアウト [CSS]

フェードイン／フェードアウト

フェードイン

参考：

display: none; の DOM に対して transition を使う際の注意 – Qiita

CSS3 のみで display: none からフェードインさせる – Qiita

visibility

参考：

Animation で “display: none” が効かない時は、opacityと「visibility: hidden;」を併用して使う！ | sakura*sakura

visibility は CSS アニメーションで制御可能なので jQuery の fadeIn みたいな感じのアニメーションをつくりたかったら、display じゃなくて visibility をつかえば良いという事実 | みかづきブログ その3

フェードイン／フェードアウト

参考：

たかがフェードイン/フェードアウトするだけの挙動に全力で取り組んだ結果、最強の CSS ができてしまった話 | eureka_developers

css の animation でフェードイン/アウト – Qiita

CSS でフェードのアニメーションを実装する | cly7796.net

アコーディオン

参考：

display: none は transition できないので | console.lealog();

記事をシェアする：
タグ：

コメントを残す

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

Protected by reCAPTCHA
Privacy - Terms