ボックスがズームし背景色が変化するプラン表デザイン

MATEREATE INFORMATION

マウスを置くとボックス全体がズームし、背景色が変化するレイアウトの無料Web素材です。ボックス自体がズームされるため、サイト訪問者にどのコンテンツを見ているかをわかりやすく伝えることができます。画像を使用していないためWebパフォーマンスやSEOにも効果的なレイアウト素材となっております。

素材の詳細

プランボックスの通常時のデザイン
通常時のデザイン

タイトル、サブタイトル(画像では金額表記してる箇所)、サービスの特徴を記載するデザインとなっております。全てCSSでデザインしているため、WebパフォーマンスやSEOにも優しい素材です。

プランボックスのホバー時のデザイン
エフェクト終了時のデザイン

ボックスの上にマウスを置くと、ボックス全体がズームされ、背景色と文字の色が変化します。またボックス全体のデザインも少し丸みを帯びたボックスへと変化します。