Overflow 执行CSS翻译时,内容跨过边界

Overflow 执行CSS翻译时,内容跨过边界,overflow,transform,css,Overflow,Transform,Css,我有一个圆形div,边界半径为4px厚,溢出隐藏。里面有两个元素。 当我使用CSS转换移动其中的元素时,它们跨过父元素的边界。 越过边界后,它们正确地消失了,但我希望它们在越过父母边界之前消失 请在此处查看问题的演示: 非常感谢

我有一个圆形div,边界半径为4px厚,溢出隐藏。里面有两个元素。 当我使用CSS转换移动其中的元素时,它们跨过父元素的边界。 越过边界后,它们正确地消失了,但我希望它们在越过父母边界之前消失

请在此处查看问题的演示:

非常感谢