Links

Documentation

• CSS 3D Transforms Module
• Safari: Supported CSS Properties
• Surfin' Safari - Blog Archive » 3D Transforms
• Safari CSS Visual Effects Guide: Transforms
• Dirk Weber
  • Understanding CSS 3D Transforms (CSS 3D – 1)
  • The Matrix Revolutions (CSS 3D – 2)
  • Natural Object-Rotation with CSS3 3D

Examples

If you are a rocking a CSS 3D transform, feel free to add your site to the list.

• From Surfin' Safari - Blog Archive » 3D Transforms:
  • Poster Circle
  • Perspective
  • Transform Style
  • Morphing Power Cubes
• Apple Safari HTML5 Demos
  • Web Gallery
  • Photo Transitions
  • VR
• Panic - Transmit: Features -- See All New Features
• made@gloira!
• Freelancember
• Snow Stack - WebKit 3D CSS Visual Effects
• wonder webkit
• Paul R. Hayes - 3D CSS Cube II
• BrandAwake - (suffers from pixelation due to content not returning to Z origin plane)
• 3D Cubes, based on Paul R. Hayes 3D CSS cube II (suffers from multiple vanishing points)
• desandro.com
  • Behold dropshado.ws, Fruit stickers
• 3D Rotating Molecules on the iPhone/iPad | jackadamblog - outlines clever billboarding technique for reverse transforms
• Paul Hayes
  • 3D CSS cube II: touch gestures, click and drag
  • 3D CSS cube with rotating navigation
  • Hack the planet
  • CSS Tetrahedron proof of concept
• splat collision
• Dirk Weber – pop up book in HTML and CSS
• Matthew, MadeByCanvas – multi-dimensional slideshow (falls back to a sort-of-pseudo-3D for Chrome)
• CSS3 Playground - Flip Cards (basic demo + practical applications for 3D transforms)
• BigText Demo Wizard by Zach Leatherman
• 3D Flipping Contact Form - When submitted, the form flips over to reveal an envelope that gets dropped into a mail slot.

Browser Support

• Firefox: Bug 505115 - CSS3 3D-Transforms
• Chrome: Web Platform Status > CSS & Presentation > CSS3 3D Transforms