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

フェードイン

参考:

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();

タグ:

コメントを残す

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