KeiSato Design works works

2012.10.30

CREATIVE DIRECTION, CSS3, DESIGN, HTML5, JS

PANDA INFINITY

This Website is 3D animations used only CSS3 propaties. when you clicked panda, chenge image.


普段イラストを描くことがほとんどないのですが、5分でどこまで描けるかを試してイラストレーターを起動した結果、生まれたのがこのPANDAです。

PANDA
シュールな感じが漂うPANDAになりました。CSS3アニメーションの波が当時来ていたので早速動かしてみることにしました。

アニメーションに関してJavascriptは使用しておりませんが、とても軽快に動きます。

PANDA INFINITY PANDA INFINITY

非常にシュールな感じが漂っています。
せっかくなのでjsを使いクリックしたら柄が変わるようにしてみました。

PANDA INFINITY

全部BLACK PANDAにすることが難しくて断念しました。

子供のいる友人に見せたところ、子供が泣き止んだと連絡が。サイトを作る意味があったようです。
せっかくなので前掛けにしてプレゼントすることにしました。

PANDA INFINITY PANDA INFINITY

とても嬉しそうにこのあとくしゃくしゃにしていました。

Links:
PANDA INFINITY