Почему кубик выходит за границу круга?

Question

[Albert Kazan]

Вот тут выложил все, что сделал - https://jsfiddle.net/Lvm9fheo/
Почему кубик выходит за границу круга-родителя, если у родителя установлен overflow: hidden;?

Answer 1

[Albert Kazan]

Нашел решение попроще https://jsfiddle.net/t4a4whxn/

Answer 2

[masambrero]

Попробуйте для loading-animation увеличить z-index, скажем {z-index: 2}.

Comments

[Albert Kazan]

Это не работает. Border-radius игнорируется при animation внутри родителя.

[masambrero]

Простите, мы не об этом говорим - https://jsfiddle.net/x2ve9npL/ ?

[Albert Kazan]

masambrero: вау. Спасибо)

Answer 3

[Pavel O]

к сожалению ответа не нашел, но вот что заметил
при отключении анимации, например animation-duration: 1s; у .looper
overflow: hidden; срабатывает