Web developers have been immersing themselves into CSS3-based designs. Transition animations along with CSS keyframes have opened the door to many possibilities. 3D animation was never optimal outside of Flash-based websites. However the further advancements in JavaScript along with CSS3 have created a new code toolbox for web designers.
Iāve put together a number of fantastic open source code samples using 3D animation effects. Many rely solely on CSS3 while others are a mix of CSS and JavaScript. Keep in mind that people using older web browsers may not be able to fully appreciate your 3D animations. But that doesnāt mean you should ignore the practice! As more people upgrade to newer browsers there will be greater support in the years to come.
Navigation Bar
Foldable Tab Bar
Digital Book Preview
Windows 8 Metro Animations
CSS 3D Solar System
Direction-Aware 3D Hover
180 Transformation
Ranged Price Slider
CSS-Only MacBook Air
Animated 404
CSS 3D Animated Chart
Text Perspective
3D Gallery Display
Flat Origami
Pure CSS Peel
3D Content Boxes
Little Menu Bar
Card Flip
3D Profile Flip Effect
Swinging Panel Menu
Text Cutout Effect
Animated 3D Bar Chart
Responsive CSS Timeline
3D Cube Flip Plugin
3D Restaurant Menu
Fonte:Ā http://designwoop.com/2014/01/25-css3-code-snippets-making-3d-animated-effects/