For better or worse WebKit’s -webkit-box-reflect and Mozilla’s -moz-element never made it to the official specification of CSS3, although the latter may come pretty useful and has a lot of potential applications. Personally I am not a fan of reflections and they remind me of the mid 90’s water reflection Java applets but I guess … Continue reading “X-Reflection: HTML5 Web Component for Adding CSS3 Reflections to any Element”
Try Semtex – the new HTML5, CSS3 and JavaScript UI framework! The AcidJs.Reflections class is an enabler for CSS3 image reflections, written in JavaScript and using jQuery (but can be easily ported to use pure JavaScript). It does not rely on the experimental box-reflect property, but rather on CSS3 transforms and gradients (for IE9 it’s … Continue reading “CSS3 Image Reflections Enabler JavaScript Class”
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 … Continue reading “CSS3 Element Reflections”