イ メ ー ジ 素 材
MATEREATE CONTENTS

上から新たな画像がスライドしながら表示されるギャラリー
サムネイル画像をクリックすると、その画像が上からスライドしながら表示されるイメージギャラリーの無料Web素材です。スッキリとしたデザインのため、イメージ画像の使用頻度が高めのサイトなどに向いていると思います。クリックするだけで画像が閲覧できる便利なギャラリー素材となっております。

ぼやけている画像がはっきり表示されるイメージエフェクト
画像をぼかして表示してあり、マウスを置くことではっきりと表示されるイメージエフェクトの無料Web素材です。イメージ写真を表示するときなど、ちょっとしたエフェクトを加えることで、より印象を与えることができると思います。画像閲覧をちょっとワクワクさせる…。そんなイメージエフェクト素材となっております。

マウスを置いている画像だけが表示されるギャラリー
ホバーエフェクトにより、マウスが置かれてる画像のみが表示されるイメージギャラリーの無料Web素材です。並んであるイメージ画像を、一つだけ表示することができるので、サイト訪問者に一つ一つ丁寧に見せることができます。エフェクトもアクセントが効いているため、さらに訪問者の目を引くことができると思います。

画像が浮かびながらゆっくりと揺れるイメージカード
画像が浮かびながらゆっくりと横に揺れるイメージカードの無料Web素材です。会社のイメージ画像や写真など、サイト制作において使用頻度が多めなイメージ画像を、ユニークなアニメーションで表示します。ゆっくりと揺れて表示される画像は、きっと閲覧者に様々な印象を残すことができると思います。

フルスクリーンで画像が表示されるスライドショー
CSSのみ使用!!常にフルスクリーンで画像を表示するスライドショーの無料Web素材です。パソコン画面では横に長い画像を表示し、スマホ画面では縦に長い画像を表示するようになっております。表示されている画面全ての範囲を使用し、画像をスライド表示させることができるため、サイト閲覧者により印象を与えることができると思います。

マウスを置くと画像が切り替わるイメージカード
画像にマウスを置くと、表示されている画像が別の画像に切り替わるイメージの無料Web素材です。1つの画像表示領域に実質2つの画像を表示することができるので、サイトページのデザインやレイアウトがしやすくなると思います。CSSのみで表現しているため、手軽に実装できるのもこの素材の魅力の1つです。

束ねた写真をズラすエフェクトで表示するギャラリー
当サイトの「束ねた写真をズラしたように表示するイメージカード」の素材を使用した、オシャレなイメージギャラリーの無料web素材です。アクセントの効いたギャラリーページを作成することができます。またレスポンシブ対応で、画像の並び方が各端末に対応した並びとなります。

画像が回転し別の画像が表示されるイメージカード
画像の上にマウスを置くと画像が回転し、新たな別の画像が表示されるイメージの無料Web素材です。CSSのホバーエフェクトのみで表現しています。シンプルながらも動きのあるエフェクトで画像や写真をを表示することが可能です。

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

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

束ねた写真をズラしたように表示するイメージカード
ホバーエフェクトを使用したイメージ素材です。画像に白い縁を加え、写真のようなデザインで画像を表示します。画像をホバーすると、アニメーションし、束ねた写真をズラしたようなデザインとなります。
素材反映のご依頼
MATEREATE CONTENTS
ダウンロードして実装したけど、うまく反映しない…
素材を自身のサイトにも実装したいけどWebコーダーが不在のため、実装して欲しい…
そんな方はぜひお気軽にお申し付けください。
無料お見積り後、コードを整理した上で実装・反映いたします。