preserve-3d for transformation failed on IE

Asked Jul 28 '16 at 07:49

Active Jul 28 '16 at 07:49

Viewed 30 times

<td ng-repeat="card in row.cards" class="ng-scope">
                <div class="card_container " ng-click="isGuarding || check(card)">
                  <div class="card shadow">
                    <div class="front face"></div>
                    <div class="back face text-center pagination-center">
                      <p class="ng-binding"> 3 </p>
                    </div>
                  </div>
                </div>
              </td>

Sad this doesn't work in IE at all. When clicked, it shows white background.

asked Jul 28 '16 at 07:49

Maria Jane

2,353
6
23
39

So your question is? How to make it work in IE? Which version? – Steffen Harbich Jul 28 '16 at 07:54
the 3d transformations are not supported in IE below edge or partially 11 . see here http://caniuse.com/#feat=transforms3d or here http://www.w3schools.com/cssref/css3_pr_transform-style.asp – Mihai T Jul 28 '16 at 07:55
@SteffenHarbich 9 and above – Maria Jane Jul 28 '16 at 07:55
@MihaiT so it's not possible to make flip work in IE? I've seen working version demo – Maria Jane Jul 28 '16 at 07:56
it is possible . read the top answer here http://stackoverflow.com/questions/22848328/css3-3d-transform-dont-work-on-ie11 or search other similar questions here on stackoverflow. there are many of them – Mihai T Jul 28 '16 at 07:58
@MihaiT still can't make it work. maybe the stucture is different. – Maria Jane Jul 28 '16 at 08:04

preserve-3d for transformation failed on IE

0 Answers0