CSS: Is box-reflect (or an alternative) compatible with IE10?
So I have the following line in my CSS:
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(white));
This renders correctly in Chrome, as you would expect. I am wondering if there is a similar option for IE. I tried just dropping the webkit prefix, but that doesn't do the trick.
Checking http://html5please.com/ says to avoid using box-reflect - but the last time that feature was updated was more than a year ago.
Checking http://www.xhtml-lab.com/css/create-reflection-effect-using-css3 shows an alternative to box-reflect, but doesn't seem as elegant, and the author says at the end of the article that the solution doesn't work with IE, and that she herself is looking for a better solution. That one is over two years old.
Checking http://caniuse.com suggests box-reflect is not supported on IE at all - which does not fill me with hope. But I can't find a date, and will therefore pretend it's out of date for sake of this discussion :-p.
As of now there is no box reflect property for IE But I have done a workaround to make it work in IE
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here