Перспектива не работает на Mozilla Firefox? - PullRequest
Новая
       65

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

0 голосов
/ 26 июня 2018

У меня каверзный вопрос. Может быть, кто-то знает, почему перспектива не работает в Firefox, но она работает правильно, например, в Chrome.

Вот некоторые CSS, которые я использовал: 

@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;

} 

@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;

} 

.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;
    } 
}

}

...