Перспектива не работает на Mozilla Firefox? ⇐ CSS

[Anonymous]

У меня есть сложный вопрос. Может быть, кто -то знает, почему перспектива не работает на Firefox, но она работает должным образом на Chrome.@mixin perspective-parallax{
-webkit-perspective: 100px;
-moz-perspective: 100px;
perspective: 100px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
overflow-x: hidden;
overflow-y: hidden;
< /code>

} < /p>

@mixin parralax-item{
@include flex;
flex: 1 0 auto;
position: relative;
height: 600px;
-webkit-transform: translateZ(-1px) scale(2);
-ms-transform: translateZ(-1px) scale(2);
-moz-transform: translateZ(-1px) scale(2);
transform: translateZ(-1px) scale(2);
z-index: -1;
< /code>

} < /p>

.top-slider{
text-align: center;
@include perspective-parallax;
height: 600px;
.bx-slider {
.main-slide-1{
background: url('../img/bulb-2587637_1920.jpg') top center no-repeat fixed;
@include main-slide;
@include parralax-item;
}
}
< /code>

} < /p>

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