上からフェードイン

要素が少し上の位置から降りてくるようにフェードインする動きは、定位置に「着地」するような安定感や、上から情報が降りてくる順序性を感じさせます。ヘッダーやメインビジュアルのタイトルなど、ページの起点となる要素に適しています。移動距離が長すぎると落ち着きがなく見えるため、数ピクセル〜20px程度の控えめな移動範囲に留めるのが、上品で洗練された印象に見せるポイントです。

※参考サイトは公開を終了しましたが、アーカイブとして引き続き掲載いたします。