Concept, code and design by Julian Garnier. For questions, feedback, bugs or anything related to Tridiv, contact me on twitter @TridivApp. Tridiv is licensed under Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License
こちらの CSS3 Danboard がFacebookタイムラインに流れてきたのを見て、「じゃあ3Dで作ってみよう」と思い立ったのが昨日の夜。 以外とさくっと作ることができました。まだAmazonのロゴとかは入れてないですが…。 完成品は こちら 。 -webkit を用いているので、ChromeやSafariでしか見ることができません。 上下左右キーを押すと、それぞれの方向に回転することができます。この回転の部分のみjsで実装していますが、それ以外は全てCSSです。 いつものように、ソースはGistで公開しています。以下がそのソース。 Slim, Less, CoffeeScriptの順番で掲載しています。
Here's an example of pretty powerful CSS3 animation and 3d effects. Using the perspective, transform and transition properties, we can create a 3d animation effect. Simply hover over the movie posters below to see the effect in it's full glory. Just make sure you're running the latest version of a -webkit based browser (Apple Safari or Google Chrome) to see the effect. If you don't have any of tho
Introduction With the introduction of CSS transforms, elements could be shifted, rotated, slanted, squashed and stretched. Web designers were finally able to catch up to print designers. With CSS 3D transforms, web designers can move past their print counterparts and explore a new realm in graphic design. Rendering 3D graphics on the web has been around for years. First there was Flash. Then with
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く