mac下css实现切角效果，显示不正常

Question

mac下切角效果，显示不正常，代码如下所示，麻烦各位帮忙看看

.corners {
    width: 120px; height: 120px; margin: 40px 30px;
    background: #fb3;
    background: radial-gradient(circle at top left, transparent 15px, #fb3 0) top left,
                radial-gradient(circle at top right, transparent 15px, #fb3 0) top right,
                radial-gradient(circle at bottom right, transparent 15px, #fb3 0) bottom right,
                radial-gradient(circle at bottom left, transparent 15px, #fb3 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}

<div class="corners"></div>

Answer 1

我copy了你的代码在非mac机上试的效果,切的角没什么问题，就是中间和你的不一样