• かちびと.net

    パララックス効果を表現できる背景をオンラインで簡単に生成出来るWebサービス・Parallax Background Builderのご紹介。無料で簡単にパララックス効果のある背景を作成できます。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

パララックス効果を表現できる背景をオンラインで簡単に生成出来るWebサービス・Parallax Background Builder

スポンサーリンク

去年よく話題に上った、マウスを動かす
事で視差効果(パララックス)を表現す
るやつをオンラインで生成出来る、という
Webサービス・Parallax Background Builder
のご紹介。こういうのも簡単に生成出来る
ようになったんですね。簡単ではありま
すが。

マウスに応じて複数レイヤーを動かす事で視差効果を表現できるパララックスな背景を簡単に作成できる、というWebサービス。凝った物は出来ませんが、無料でちょっと背景にスパイスを与えたい、という方には重宝するのでは無いでしょうか。

Parallax Background Builder


こういうやつ。素材はこのサイトのを使って動作テストしました。レイヤーごとに動きを決めてスクリプトコードを発行してもらって、みたいな流れです。ただし、スクリプトコードはこのサイトのを使うのでクライアントワーク等では利用出来なさそうですね。一時的なキャンペーンサイトとか個人サイトとかならいいかも。


↑ こんな感じで操作します。英語が少し分かれば多分迷わず使えると思います。


↑ 最後にGet codeをo押せばコードが発行されます。画像はアップロードできずこのサイトの素材か、Webサーバーに置かれてるパスを指定する形なので、必要でしたらコードを発行してもらってから画像のパスを変更するなりしてください。

動かない等がありましたら他スクリプトとの干渉などを調べてみてください。ご利用は以下よりどうぞ。

Parallax Background Builder(via:Impressive Webs)

URL :
TRB :

Ads

Posts

Contact

Services