ホバー時にテキストエリアが出現

• 株式会社J.SECURITYhttps://j-security.co.jp/

画像やカードにカーソルを合わせると、隠れていたテキスト情報がスライドやフェードで出現する動きです。初期表示をビジュアル中心ですっきり見せつつ、興味を持ったユーザーにのみ詳細を提示できるため、情報の網羅性とデザイン性を両立できます。ギャラリーやメンバー紹介で頻出の手法です。実装時はtransformを用いて下部から滑らかにせり上げると視線誘導がスムーズになり、テキストの背景に透過色を敷くことで、画像の明度に関わらず可読性を担保するのがポイントです。