css - CSS 圆圈问题 - 边界半径不起作用

Question

我正在尝试使用边框半径在 CSS 中渲染一个圆圈，但它在浏览器中显示为一个正方形 - 有人可以帮忙解决我哪里出错了吗？

下面是css

.circ {
border-radius: 50%;
    width: 214px;
    height: 214px;
    margin: 0 53px;
    padding: 85px 61px 85px 63px;
    border-style: solid;
    border-width: 12px;
    border-image-source: linear-gradient(32deg, #ca45d9 14%, #fb2777 84%);
    border-image-slice: 1;
    background-color: #fff;
}

<div class="circ"><h3>Text</h3></div>

非常感谢，

标签： css