Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS preserve-3d workaround for IE10

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #155046
    nixnerd
    Participant

    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.

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.