With CSS3’s 3D trans-forms I’ve illus-trated how to build a cube and a tetra-he-dron. It is also pos-si-ble to cre-ate a sphere-like object, albeit with many elements.
3D CSS Sphere
Works in the lat-est Safari and iOS and Chrome.
Use css3 to creating a 3D sphereWith CSS3’s 3D trans-forms I’ve illus-trated how to build a cube and a tetra-he-dron. It is also pos-si-ble to cre-ate a sphere-like object, albeit with many elements.
3d animation using pure CSS3The original post is in marcofolio.net. A couple of days ago, somebody tweeted a great looking CSS3 example. I was absolutely stunned by the example And all that Malarkey created and was wondering how he was able to produce that kind of effect. I knew about the CSS3 transition property, but how to create that 3d effect? At that point, I started digging through the Safari Reference Library, where I eventually found the Safari CSS Visual Effects Guide: Transforms page. This page describes a CSS property I've never seen before: -webkit-perspective.
|
||
|
||
|
|
||
| Page 1 of 5 |