transform-style: preserve-3d не работает в сафари?

Question

Я пытаюсь использовать Parallax Scrolling в стиле transform: preserve-3d.Это хорошо в Android и Chrome, но, похоже, не работает в Safari.Я уже использую autoprefixer и добавляю -webkit-.Почему нет эффекта?

 position: relative;
    height: 100vh;
    overflow: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 400px;
    -webkit-perspective: 400px;

Answer 1

Я удаляю этот код:

transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;

Может работать на ios и safari.Я не знаю почему ...

Answer 2

Пожалуйста, добавьте ниже CSS к вам код CSS -webkit-backface-visibility: hidden; /* I added this */

Это будет работать на вышеуказанной версии Safari 3.1, 3.2.

Также, пожалуйста, проверьте этот URL: https://caniuse.com/#feat=transforms3d