css3 -webkit-transform не совместим с firefox4 - PullRequest
0 голосов
/ 19 апреля 2011
#anim1 iframe {
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -webkit-transform: rotate3d(0,1,1, 30deg);
    transition: transform 1s ease-in-out;
    transform: rotate3d(0,1,1, 30deg);
  }

  #anim1 iframe:hover {
    -webkit-transform: rotate3d(1, 0, 76, 50deg);
    transform: rotate3d(0,0,1, 30deg);
  }

Он работает на Chrome, но не в Firefox, и, конечно, в IE. Есть ли способ это исправить?

1 Ответ

2 голосов
/ 19 апреля 2011

-webkit - это префикс поставщика, поэтому он действует только в браузерах на основе webkit (из которых Firefox не является одним из них).

Firefox основан на Mozilla, а его префикс поставщика равен -moz.Поэтому найдите эквивалентные стили (например, -moz-transition) и проверьте, принимает ли он тот же синтаксис (я полагаю, что это так).

...