Css动画在悬停时可见

我有一个圆圈，下面有一个图像

当我将鼠标悬停在圆圈上时，我希望圆圈变大，成为图像的遮罩。 我是这样做的：（在webkit中工作）

.clip{
位置：绝对位置；
-webkit剪辑路径：圆形（中心40px）；
-webkit转换：-webkit剪辑路径2s；/*Safari*/
过渡：-webkit剪辑路径2s；
}
.剪辑：悬停{
-webkit剪辑路径：圆形（中心75px）；
能见度：可见；
}
}

车间

讲习班1
同侧阴唇

讲习班2
同侧阴唇

您可能需要使用另一个元素来扮演掩码角色。这将是交叉划船。否则Javascript将是你的朋友，但仍然只对最新的webkit浏览器可用