Overflow crash not working during CSS rotation animation

I have a parent div with a border radius of 50% and the overflow is hidden. Inside is a child div that is animating. As long as the rotation property of the child div is not animated, everything works fine - but as soon as I try to animate the rotation of the child, the overflow: hidden of the parent div no longer works.

Below is an example - any help would be great!

I am testing in Safari 7.0.1

http://codepen.io/anon/pen/etEAv

+3
source share
2 answers

This is a known Safari bug and has been reported here . It was marked as Resolved in 2012-11-14.

Comment #25 From Manolis Kp. 2012-11-14 02:07:14 PST
This issue has been fixed, marking as resolved

, Safari .

+1

, , . , ​​ Safari. , z-index : . transform: translateZ (0); . , : ​​ , . , .

+1

All Articles