j Q u e r y 使

MATEREATE CONTENTS

エフェクトサイドナビのデザイン
サイドナビ

メニュー項目をオシャレに演出するサイドメニュー

クリックでメニュー項目が出現し、ホバーエフェクトでメニュー項目をオシャレに演出するサイドメニューの無料Web素材です。マウスを置くと、メニュー名が少し右に動き、下部分にラインが出現します。選択しようとしている項目が、視覚的に分かりやすくなるため、各ページへのアクセス率を上げることができると思います。

メニューアイコンアニメーションのイメージ
メニューアイコン

真ん中のバーが消え上下のバーが×になるメニューアイコン

メニューアイコンをクリックでオシャレにデザインが変化するアイコンの無料Web素材です。3つのバーのうち真ん中のバーが消え、残りの上下のバーで「×」となるアニメーションをします。オシャレにデザインが変化するメニューアイコンで、サイトメニューにアクセントを入れることができます。

サイドナビのデザインイメージ
サイドナビ

オシャレなアニメーションで出現するサイドメニュー

アイコンをクリックするとオシャレなアニメーションで出現するするサイドメニューの無料Web素材です。左側から単に出現するのではなく、左上部分から斜めにシュッと出現するようなアニメーションとなっております。サイトのメニュー(またはサブメニュー)をオシャレに演出いたします。

ギャラリー素材の全てのデザインイメージ
ギャラリー

サムネイルホバーで画像が表示されるギャラリー

サムネイル画像をホバーすると、メインのイメージボックスにサムネイルの画像が自動で表示されるギャラリーの無料Web素材です。複雑な操作なしにサクッと画像が表示されるので、ストレスなく閲覧しやすくなると思います。製品のイメージ画像を紹介する時や写真のギャラリーサイト等に扱えるWeb素材となっております。

メニューアイコンのアニメーションイメージ
メニューアイコン

下のバーが消え残りのバーでバツになるメニューアイコン

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

サイドナビ素材の全てのデザインイメージ
サイドナビ

クリックで画面左からスライドして現れるサイドメニュー

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

メニューアイコンの全てのデザインイメージ
メニューアイコン

クリックすると3つのドットが×に変化するアイコン

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

素材反映のご依頼

MATEREATE CONTENTS

ダウンロードして実装したけど、うまく反映しない…

素材を自身のサイトにも実装したいけどWebコーダーが不在のため、実装して欲しい…

そんな方はぜひお気軽にお申し付けください。


無料お見積り後、コードを整理した上で実装・反映いたします。