I’ve been spending the last 2 weeks on a portfolio site. One of the most badass parts is my contact form. I personally think it’s awesome. However, at larger resolutions, it REQUIRES preserve-3d.
Obviously I want to try and hook up the people who still use IE 10.
Even a cursory search for this will yield pretty promising results. Hell, they have a workaround on their site:
http://msdn.microsoft.com/en-us/library/ie/hh673529%28v=vs.85%29.aspx
According to the good folks at Microsoft:
The W3C specification defines a keyword value of preserve-3d for this property, which indicates that flattening is not performed. At this time, Internet Explorer 10 does not support the preserve-3d keyword. You can work around this by manually applying the parent element’s transform to each of the child elements in addition to the child element’s normal transform.
I’ve tried this and I guess it kinda works. Not really though. It makes the 3d element look flat.
To make matters worse, IE 10 does NOT support IE only stylesheets.
What do I do? I don’t want to sacrifice innovation but I want to make my stuff available to as many people as possible.