Чем заменить transform в браузере Safari?

Question

[Антон]

В Сафари не хочет работать transform: scaleY(0)
Как то можно решить проблему верстки?

.submenu {
    margin-top: 0px;
    background: #f5f5f5;
    position: fixed;
    border: 0px solid #ccc;
    left: 0%;
    z-index: 5;
    width: 100%;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: .1s ease-in-out;
}

Comments

[Алекс Глебов]

префиксы
https://autoprefixer.github.io/ru/

[Антон]

Алекс Глебов, Да, добавил. У меня нет Сафари браузера, так как у меня винда. Смотрю через консоль Хрома, все что вебкит - перечеркнуто. Так должно быть?

[Антон]

Алекс Глебов, добавил вашу ссылку в избранное, спасибо

[Алекс Глебов]

anton99zel, да, последние версии хрома не понимают этот префикс. он нужен для более старых.
joxi.ru/8AnpyzGtqJJdVm
https://caniuse.com/#search=transform

[Егор Живагин]

anton99zel, лучше начните юзать Gulp и подключите их плагин - префиксы будут расставляться на лету)

[Антон]

Егор Живагин, то есть просто вставлю скрипт на сайт и он вносит коррективы в css?

[IIIu6ko]

anton99zel, Нет. Почитайте что такое gulp.
Коррективы будут вноситься при сборке проекта.

[Егор Живагин]

anton99zel, в целом, вам уже ответили

Вы можете для удобства разбивать ваши стили по файлам и папкам, использовать препроцессоры вроде sass/scss , ...
Gulp с помощью нескольки плагинов соберёт это в один файл, попутно проставит префиксы, минифицирует код, положит его куда скажете и перезагрузит страничку. Также, его можно настроить, чтобы он сам проделывал это всё как только вы внесёте любые изменения в файлы.
Погуглите мануалы по Gulp . Им можно делать гораздо больше, чем я описал

Answer 1

[Stimulate]

-webkit-transform: scaleY(0); 
-ms-transform: scaleY(0);
transform: scaleY(0);

Comments

[Антон]

Да, добавил. У меня нет Сафари браузера, так как у меня винда. Смотрю через консоль Хрома, все что вебкит - перечеркнуто. Так должно быть?

[Stimulate]

anton99zel, да, верно.