CSS3 Element Reflections

Recently I was asked to find a CSS-only solution for image (or anything) reflections, and since the only browsers that support box reflections (-webkit-reflect) out of the box are Google Chrome and Apple Safari, I had to find a crossbrowser solution, and this is what I would like to present today.

The demo is available on this page. Find more experiments here.

Related Posts

• CSS3 Driven Slides Viewer Without any JavaScript
• HTML5 Resume Generator and Onepager Website
• Selecting only the first element occurence out of siblings with the same class name with CSS3
• Fully Functional CSS3-only Tabstrip Without JavaScript
• Imageless CSS3 Custom Checkboxes and Radio Buttons
• Creating Gaussian Blur Effect With CSS3
• Fancy CSS3 Tooltip (Yeah, Without JavaScript)
• How to Style Select Boxes with CSS3
• CSS3 Element Reflections
• CSS3 Treeview. No JavaScript.
• CSS3 iPhone Toggle Buttons
• CSS3 Background Image Cropping