• 出現
  • 画像の出現

#image appear 026

左右にオブジェクトがスライドして画像が出現

参考サイトURL
動きの解説

画像の目隠し(マスク)が左右へスライドし、幕が開くように背後のビジュアルが出現する動きです。単なるフェードインよりも劇的な「開幕感」を演出でき、ファーストビューやセクションの切り替わりで強いインパクトを残します。視覚的なノイズを隠してから見せるため、ユーザーの視線を一点へ集中させる効果も抜群です。実装時はoverflow: hiddenとtransformを組み合わせ、マスクの移動速度やイージングに緩急をつけることで、品格のある洗練された世界観を構築できます。