An animated 3D Pyramid made with CSS3 only - no JavaScript involved.
This Pyramid is a demonstration of CSS3 possibilities. It's made with HTML and CSS3 only. No JavaScript involved.
This page makes usage of:
- CSS3 Transitions
- CSS3 3D Transforms
- CSS3 Animations
- CSS3 Multiple Backgrounds
- CSS3 Radial/Linear Gradients
- CSS3 Selectors
- SVG Images
Because most of this feature are still in draft status, I've added the CSS with vendor extensions for all common browsers (-webkit-, -moz-, -ms- and -o-) and the pure W3C properties.
It's not intended to get this page perfectly rendered with all current browsers. It should visualize the state of CSS3 support in todays browsers.
Following Browsers should be able to run this demo correct:
- Chrome 16
- Safari 5
- Firefox 10
- Internet Explorer 10
- Mobile Safari @ iOS 5
- Android Browser @ Android 4
For marketing people it's named "HTML5" ;-)