ivanchurkin
@ivanchurkin
Зануда

Не работает «border-radius» при «animation»?

Доброго времени суток!

Без долгих предисловий, суть проблемы: ссылка. Обратить внимание следует на круг справа, когда выезжает «табличка», она выезжает не из круга, как должно быть, т.к.:

border-radius: 100px;
overflow: hidden;

а из квадрата. При этом, если убрать анимацию у первого круга, то всё будет как и подразумевалось: ссылка.

Проблема наблюдается в Google Chrome (посл. версия), предполагаю что и в других «webkit» браузерах она присутствует. В Internet Explorer (посл. версия) данной проблемы нет.

Заранее спасибо!
  • Вопрос задан
  • 2643 просмотра
Решения вопроса 1
ivanchurkin
@ivanchurkin Автор вопроса
Зануда
Второй раз задаю здесь вопрос. Второй раз сам на него отвечаю. Решение нашёл здесь.

На выходе получается следующее: ссылка.

Буду рад, если кто-нибудь пояснит почему так.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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