色面が左から伸びて画像が出現

• 株式会社ストランザhttps://stransa.co.jp/

単色ではなくグラデーションの幕が引かれることで、より情緒的で深みのある世界観を演出します。美容やアート系のサイトで、空気感を大切にしたい場合に有効です。実装上の注意点として、グラデーションはCSSのbackground-colorアニメーションが効かないため、background-sizeやpositionを動かすか、透明度の異なるレイヤーを重ねて表現する必要があります。