All entries in topic: preserve-3d
Paul Hayes Creates a Sphere with 3D CSS
Posted on April 22, 2011 in It's a Cube
Paul describes the recipe for making cool 3D shapes using a dash of CSS3 and a crap load of HTML elements. The recipe includes the -webkit-transform-style: preserve-3d; statement which I hadn’t seen before. Apparently it makes sure that an element’s children share the same 3D space as their parent, instead of being flattened. Not that I have any real understanding of what that means or anything.
Topics
- 3D
- :target pseudo-class
- @font-face
- accessibility
- animation
- audio
- backface visibility
- background clip
- background gradient
- background size
- backgrounds
- bokeh
- border
- border image
- border radius
- border width
- box shadow
- box sizing
- browser
- C
- C++
- canvas
- CoffeeScript
- CSS
- CSS3
- cube
- d3.js
- emulator
- filter
- Firefox
- flip
- game
- Gecko
- gradient
- HTML
- HTML5
- HTTP
- IE9
- JavaScript
- jQuery
- JSON
- keyframes
- linux
- local storage
- maps
- matrix
- Modernizer
- MooTools
- mozWriteAudio
- Ndless
- node.js
- Ogg
- opacity
- OpenLayers
- perspective
- pixel font
- position
- PostGIS
- preserve-3d
- pseudo-element
- Python
- radial gradient
- Raphael
- RGBA
- rocket
- rotate
- scale
- selection
- skew
- socket.io
- SVG
- text
- text fill color
- text overflow ellipsis
- text-shadow
- text-shaow
- three.js
- TI-Nspire
- TileCache
- trandsform
- transform
- transform-style
- transition
- translate
- typeface
- Verdana
- video
- visualisation
- web sockets
- web workers
- WebGL
- WebKit
- Wiimote
- x86
- XHTML
- z-index
People
- Aleksandar Rodic
- Alex Girón
- Alex Leone
- Alex Wolkov
- Almer
- Andreas Jacob
- Andrew Hoyer
- Andrew Kelly
- Anthony Calzadilla
- Barry Silverman
- Ben Joffe
- Bertrand Fan
- Brian Silverman
- Cameron Daigle
- Chris Coyier
- Daniel Kurdoghlian
- Daniel Rapp
- David DeSandro
- David Nufer
- David Truong
- David Walsh
- Divya Manian
- Earle Castledine
- Eirik Brandtzæg
- Fabrice Bellard
- Fabricio Zuardi
- Franz Enzenhofer
- Gerwin Janssen
- Giacomo Bartoli
- Gil Megidish
- Gordon Brander
- James Edwards
- Janko Jovanovic
- Joe Huckaby
- Jonas Wagner
- Joshua Jones
- Kilian Valkhof
- Kris Triplett
- Lea Verou
- Lucian Marin
- Marco Kuiper
- Martins Upitis
- Mathias Bynens
- Mathias Karstädt
- Mathieu Henri
- Maurice Svay
- Michela Chiucini
- Microsoft
- Mocanu Calin
- Mrakoplaz
- Natalie Downe
- Neven Mrgan
- Nicholas Erho
- Paul Chaplin
- Paul Hayes
- Paul Irish
- Paul Lewis
- Paul Rouget
- Radu Chelariu
- Random Davis
- Ricardo Cabello
- Rob Allison
- Rob Hawkes
- Román Cortés
- Russell Heimlich
- Ryan Florence
- Sawyer Hollenshead
- Sean Christmann
- Sean Martell
- Simon Willison
- Simurai
- Steve Dennis
- Stu Nicholls
- Thomas Sturm
- Tim de Koning
- Timo Huovinen
- Toby Pitman
- Tom Beddard
- Tom Robinson
- Tomomi Imura
- Trent Walton
- Tyler Gaw
- Vadim Gerasimov
- Vadim Ogievetsky
- Zachary Johnson
- Zoltan Hawryluk
