無料Web素材置場 MATERIAL CREATE

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

jQueryを使用したユニークな動きをするメニューアイコン素材です。ただクリックをしたら、「×」になるのではなく、それぞれのバーが消えたり、回転したりと多彩なアニメーションをします。メニューアイコンにちょっとしたアクセントが欲しいという方はぜひご利用ください。

必要な時に応じて画面に呼び出せるサイドメニュー素材です。メニューアイコンをクリックすると、画面左からメニュー項目が現れます。ホバーエフェクト等のアニメーションは加えておらずとてもシンプルな素材となっております。

全てCSSのみで実装！！CSSアニメーションを使用した３Ｄ回転しながら、スライドショーをするWeb素材です。jQueryは使用しておらず、WebパフォーマンスにもSEOにも優しい素材となっております。アクセントの効いたスライドショーを実装したい方はぜひご利用ください。

シンプルなホバーエフェクトを使用したボタンのWeb素材でございます。ホバーすると、ボタン内部の上下部分にボーダーラインが現れます。シンプルながらもボーダーラインのエフェクトにより、アクセントの効いたデザインとなっております。

サイトのお知らせやブログ記事の新着情報などで使えるボックスデザイン素材です。サムネイル画像と記事のタイトル、記事の抜粋(または本文)を表示しています。ボックスをマウスホバーすると、サムネイル画像がズームされます。またタブレット端末以下では、デザインが少し変わって表示されます。

３Dアニメーションとホバーエフェクトを使用したナビゲーション素材です。マウスHover時に項目の背景がパタパタと変化します。色んなカラーを組み合わせて、オシャレなデザインのナビゲーションを作ることができます。

スマホまたはタブレットでのメニュー項目を表示するのに使えるドットでデザインしたメニューアイコン素材です。クリックすることで、それぞれのドットがアニメーションし、○マークと×マークになります。メニューアイコンをオシャレに表示させたい方はぜひご利用ください。

ホバーエフェクトを使用したイメージ素材です。画像に白い縁を加え、写真のようなデザインで画像を表示します。画像をホバーすると、アニメーションし、束ねた写真をズラしたようなデザインとなります。

ホバーエフェクトと３Dアニメーションを使用したボタン素材です。マウスをHoverすると、上からパタパタと背景が変化するボタンです。色んなカラーを組み合わせて、思わずクリックしたくなるようなオシャレなアニメーションのボタンを作ることができます。