在css转换期间,图像border-radius不起作用

我正在用它border-radius: 50%;来制作图像.默认情况下,图像模糊和缩放(带有隐藏的溢出),并且在悬停时它将删除模糊和缩放.但是,当我在元素上使用CSS转换时,它会暂时显示转换持续时间的溢出.

http://jsfiddle.net/jonny_me/cyvL61qx

我相信过渡时,元素会从文档流中消失,就像阴影一样,position: relative;并在动画完成后重新放入.

如果强制z-index父级的父级高于子级的父级,则父级应继续剪切溢出.

http://jsfiddle.net/cyvL61qx/4/

figure.effect-park {
    background-color: #0D4C16;
    border-radius: 50%;
    z-index: 1;
}

figure.effect-park img {
    z-index: 0;
    opacity: 0.5;
    -webkit-filter: blur(1.5px);
    filter: blur(1.5px);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}