タイトルが下に移動し内容が見えるコンテンツボックス

MATEREATE INFORMATION

ホバーエフェクトでコンテンツ内容をオシャレに表示するボックスレイアウトの無料web素材です。表側のデザインが変形しながら下側に移動し、裏側に記載の内容が見えるようになっております。画像使用一切なしのWebパフォーマンスとSEOに効果的なコンテンツボックス素材となっております。

素材の詳細

コンテンツボックスのデザイン1
ホバーエフェクト開始時

ボックスにマウスを置くとホバーエフェクトを開始します。上記画像のように表側の要素が下側に移動し、裏側の内容が見え始めます。

コンテンツボックスのデザイン2
ホバーエフェクト終了

裏側に記載の内容が表示されます。裏側に記載の内容が長い場合はスクロールバーが出現するため、長い文章でも閲覧することができます。