naghtigall
@naghtigall
Дизайнер и разработчик сайтов

Почему некорректно работает transition в браузере Safari?

Ест вот такой пример transition https://safaritransition.naghtigall.repl.co
Работает во всех браузерах, кроме Safari - в нем сначала картинка теряет border-radius, но после окончания перехода border-radius возвращается. Чтобы увидеть в чем вопрос - нужен браузер Safari.
  • Вопрос задан
  • 155 просмотров
Пригласить эксперта
Ответы на вопрос 2
iamd503
@iamd503 Куратор тега CSS
Верстальщик
Да, это косяк браузера. Попробуйте обернуть блок my_block в ещё один блок с overflow: hidden; и радиусом
Ответ написан
naghtigall
@naghtigall Автор вопроса
Дизайнер и разработчик сайтов
Нашел ответ на https://forum.webflow.com/t/safari-not-hiding-over...

Для Сафарика нужно так:
-webkit-mask-image: -webkit-radial-gradient(white, black);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы