transition: opacity 0.3s ease-in 0.4s; の最後の0.4sはなに？🤔 このCSSプロパティは、`transition`を使って、ある状態から別の状態への変化を制御します。`transition`プロパティは、変化させるCSSプロパティ、変化にかかる時間、変化の仕方（イージング関数）、そして ...

DOMツリーに加えられた変更を検出する機能としてMutationObserverが便利ですが、CSSのプロパティの値は検出できません。 最近ではCSSアニメーションを使用したWebサイトやスマホアプリも増え、プロパティ値の変更に応じてコールバックを実行する必要があるか ...

Web制作において「動き」を実装する際に登場するのが、transitionとanimationという2つのCSSプロパティです。一見似ているこの2つの機能ですが、適用場面・挙動・制御のしやすさ・実装の柔軟性などに明確な違いがあります。 この記事では、初心者から中級者 ...