2016年11月12日(土)
クリスマスに最適な3Dキューブアドベントカレンダー「Cubes Advent Calendar」
街はハロウィンからクリスマスへ変わり、クリスマスの話題も少しづつ出始めていますが、今回紹介するのはクリスマスに最適な3Dキューブアドベントカレンダー「Cubes Advent Calendar」です。
アドベントカレンダー(Advent calendar)は、クリスマスまでの期間に日数を数えるために使用されるカレンダーで、毎日一つづつ空けていくカレンダーとなります。今回の1つ1つがキューブとなっておりクリックすることで開封することが可能です。
詳しくは以下
キューブはマウスオーバーで立体的に動き、開封する時に大きく動き消えていきます。動きはjsとCSS3で制作されているため、ソースを解読していけばカスタマイズも可能です。
こちらを利用すればダイナミックで可愛らしいアドベントカレンダーを簡単に実現できそうです。今年のクリスマスコンテンツにアド...
author:
Design Develop
デザインを開発するという視点からWEBデザインに役立つ情報を発信しているクリエイティブBLOG
関連記事
Ads
デザインを開発するという視点からWEBデザインに役立つ情報を発信しているクリエイティブBLOGDesign Developの記事『クリスマスに最適な3Dキューブアドベントカレンダー「Cubes Advent Calendar」』についてまとめています。
この記事は特にjavascript・アニメーション・CSS3について書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のDesign Developで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとDesign Developの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。