光から移動まで、すべてCSSで作る光るアニメーション

ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」 意匠部ME課あらため、HTMLファイ部所属となった比留間です。 今回は、先日リリースした「アーバンリサーチ」のキャンペーンで 「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。 簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。 内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、 というとてもシンプルなゲーム型キャンペーンサイトになっています。 さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。 さて、今回この記事でご紹介したいのは、 このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を 簡単に説明し

[typista]

ぽけったー 光から移動まで、すべてCSSで作る光るアニメーション

[kagiya]

ふつくしい！

[skyfox_xxx]

iphoneゲームに使えそう

[glat_design]

おおー。サイトみたけどキレイ。ていうかえどさんってKAYACだったのか

[gurimmer]

ちょっとやってみよ！！

[mas-higa]

この季節に蛍?

[hanabi_hibana]

蛍が舞うようなアニメーションをCSS3とJSで実現する

[fooo]

ぽやんとした円を移動させる

[Rudolph_Rednose]

CSSで作るホタルのようなアニメーションを作る方法

[warriorking]

光から移動まで、すべてCSSで作る光るアニメーション | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

[dust6]

かわいい～！！

[macky1207]

URBAN RESEARCH Christmas 2011は見ておいたほうがいいよ！

[tsuki-rs]

すごいね！

[kaz_hiramatsu]

キラキラがかわいい