JavaScriptなし!! CSSだけで実現する3Dアニメーション | HTML5GOGO
CSS3のアニメーションサンプルで、立方体を扱ったものは数あれど、それ以上の多面体のサンプルが見当たらなかったので、倍の12面体を作りました。 イメージ 概要 今回はそのサンプルを題材に、CSS3で新たに追加されたアニメーション系のプロパティをご紹介します。 ※今回ご紹介するプロパティは、執筆時点では全て要ベンダープレフィックスです。 ※対応ブラウザ：Chrome 12～, Safari 5～ Mozillaは「現時点では Z 軸はサポートされていないため 3D の回転や 3D 拡大縮小、3D 変換はサポートされていません。」だそうです。 MDN – CSS transforms の利用 ※グラフィックボードが3Dの表現に対応している必要があります。 ※動作にはCPUパワーが少々必要になります。 HTMLサンプル ※各面はリンクになっています。 回転方向を指定できるコントローラー付きのサン
3D CSS Tester
Parent container Perspective "Cube" container Preserve 3D Automatic rotation X Y Z Cube Coordinates Cube x Cube y Cube z Cube rotation Cube rotate x Cube rotate y Cube rotate z Front logo (MDN) Front logo Coordinates Front x Front y Front z Front logo Rotation Front rotate x Front rotate y Front rotate z Front Backface visibilily
Making Love to WebKit — Acko.net
Parallax, GPUs and Technofetishism If the world is going to end in 2012, Acko.net will at least go out in style: I've redesigned. Those of you reading through RSS readers will want to enter through the front door in a WebKit-browser like Chrome, Safari or even an iPad. The last design was meant to feel spacious, the new design is spacious, thanks to generous use of CSS 3D transforms. CSS 3D vs. We
NeHe Productions
by gregsidelnikov, posted at May 7, 2017, 6:02 p.m. Actually, this post is not about how I made MK7 in OpenGL, but what the results were. I am currently porting it to WebGL as well. The level design geometry is so simple, that it might work in 4K. But we'll see. Go to this link to arrive at WebGL tutorial site, which is now home for the Mario Kart engine demo. The entire level was designed in Blen
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google SketchUp
Redirect
