CSS 3D эффект не работает в Mozilla Firefox ⇐ CSS

[Anonymous]

Когда вы посещаете мою страницу с помощью Google Chrome или Opera Browser, эффект Hover Link работает нормально. Но в браузере Mozilla Firefox эффект падения не работает. Что я должен изменить? < /P>
.flip3D {
width: 200px;
height: 120px;
margin: auto;
float: left;
}

.flip3D > .front {
position: absolute;
-webkit-transform: perspective(600px) rotateY(0deg);
-moz-transform: perspective(600px) rotateY(0deg);
width: 200px;
height: 120px;
backface-visibility: hidden;
-webkit-transition: transform .5s linear 0s;
-moz-transition: transform .5s linear 0s;
}

.flip3D > .back {
position: absolute;
-webkit-transform: perspective(600px) rotateY(180deg);
-moz-transform: perspective(600px) rotateY(180deg);
width: 200px;
height: 120px;
backface-visibility: hidden;
-webkit-transition: transform .5s linear 0s;
-moz-transition: transform .5s linear 0s;
}

.flip3D:hover >.front {
-webkit-transform: perspective(600px) rotateY(-180deg);
-moz-transform: perspective(600px) rotateY(0deg);
}

.flip3D:hover > .back {
-webkit-transform: perspective(600px) rotateY(0deg);
-moz-transform: perspective(600px) rotateY(0deg);
}


Подробнее здесь: https://stackoverflow.com/questions/305 ... la-firefox