項目ホバー時に左右からバーが出るプラン表デザイン

MATEREATE INFORMATION

全てCSSのみでデザインしたプランボックスの素材でございます。画像を一切使用してないため、WebパフォーマンスにもSEOにも優しいWeb素材となっております。項目のホバー時には、左右からバーが現れ、アクセントの効いた演出を行います。

素材の詳細

プランボックスの通常時のデザイン
画像使用なしCSSのみで表現

ボックス部分は画像は一切使用しておらず、全てCSSのみでデザインしております。なのでWebパフォーマンスにもSEOにも優しい素材となっております。

プランボックスのホバー時のデザイン
項目をホバー時のデザイン

項目を部分をマウスでホバーすると、左右からバーが現れるので、アクセントの効いたボックスデザインの素材となっております。