こんな無料素材があったとは!ページの背景いっぱいに表示するアニメーションの動画素材 -Vidlery

Webページの背景いっぱいにアニメーションの動画を配置できる、動画素材とコードを紹介します。動画素材は個人でも商用でも無料で利用できます。

動画の上にはオーバーレイで、さまざまなコンテンツを配置することも可能です。

サイトのキャプチャ

Vidlery

Vidleryのアニメーション素材

Vidleryでは数多くのアニメーション素材が揃っています。
ライセンスはすべてCC0 1.0で、個人・商用ともに無料で利用できます。

サイトのキャプチャ

Vidleryのアニメーション素材

サイトのキャプチャ

Vidleryのアニメーション素材

サイトのキャプチャ

Vidleryのアニメーション素材

Vidleryの使い方

Step 1: アニメーションのダウンロード

各アニメーションをクリックすると、モーダルウインドウが表示されるので、「Download」をクリックしてダウンロードします。

サイトのキャプチャ

「Download」をクリック

Step 2: ファイルのアップロード

ダウンロードしたファイルを解凍し、ファイルをすべて利用するサーバーにアップロードします。

  • .jpg
  • .mp4
  • .webm

Step 3: ページに実装

下記のコードをファイル・パス名を変更して、記述します。

top of page

©2017 coliss