При css анимации отключается border-radius

Рейтинг: 1Ответов: 1Опубликовано: 21.04.2015

Имеется кнопка:

<button class="l radial green"><icon class="l check"><hr><hr></icon></button>

она круглая и overflow: hidden. При нажатии на неё внутри создаётся элемент и увеличивается, постепенно исчезая, при этом скругление кнопки отключается. Почему?

Скрин Исходники

javascript html5 css-animation css3 border
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Придумал фикс, в родитель, у которого стоит overflow: hidden;, добавить position: relative и z-index: 0;