CSS clip-path从方形都圆形动画效果示意实例页面

SVG代码：

.clip-path {
    transition: 0.4s cubic-bezier(1, -1, 0, 2);
    -webkit-clip-path: circle(180px at 128px 95px);
    clip-path: circle(180px at 128px 95px);
}
.clip-path:hover {
    -webkit-clip-path: circle(95px at 128px 95px);
    clip-path: circle(95px at 128px 95px);
}

SVG代码：

<strong>鼠标hover:</strong>
<p><img src="mm1.jpg" class="clip-path"></p>