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

Question

[Иван Чуркин]

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

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

border-radius: 100px;
overflow: hidden;

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

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

Заранее спасибо!

Answer 1

[Иван Чуркин]

Второй раз задаю здесь вопрос. Второй раз сам на него отвечаю. Решение нашёл здесь.

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

Буду рад, если кто-нибудь пояснит почему так.