Prestahop i problem z CSS3 transform-style

[AlwinKolano]

Chciałbym dodać kilka efektów na obiektach w sklepie takich jak:

 

- pojawianie (z opacity: 0 do opacity: 1) to mi działa

- wysuwanie (transform: translate3d(0, 30%, 0); do transform: translate3d(0, 0, 0) to też mi działa

 

mam problem z obracaniem tekstu.

 

W CSS mam to tak zdefiniowane:

.effect-obrot {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
} 

Czy coś muszę jeszcze dopisać aby to zaczęło działać ?

Edited August 3, 2016 by AlwinKolano (see edit history)

[endriu107]

Zobacz to: https://jsfiddle.net/eegLp7gs/1/

[AlwinKolano]

Endriu bardzo dziękuję za przykład, ale w międzyczasie jeszcze raz przerobiłem kilka tutoriali, i w końcu mi się udało namierzyć problem.
Po prostu brakowało mi w pewnych miejscach wpisów w CSS takich jak:

backface-visibility: hidden;

i

display: inline-block;