Как пофиксить анимацию в Firefox-е?

Question

[uRoot]

Есть такая анимация. Если её запустить в Firefox, то ребра будут прозрачными. Как это поправить?

Comments

[posters]

gif картинкой? Она кроссбраузерная)

[uRoot]

posters, та такой варик уже использую. Но я просто не могу понять почему в Лисе ломается

Answer 1

[RAX7]

.coin__edge {
  transform-style: preserve-3d;
}

Comments

[uRoot]

Спасибо. Ток фигура кривоватая выходит, но, может она такая и есть на самом деле

[RAX7]

uRoot,

.loader {
  transform-style: preserve-3d;
  perspective: 1000px;
}
.coin {
  transform-style: preserve-3d;
}

@keyframes rotate3d {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}