Css穿透遮罩

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
        .div {
            position: absolute;
            top: 0px;
            width: 200px;
            height: 200px;
            background-image: conic-gradient(red, blue);
            mask-image: radial-gradient(100% 100%, transparent calc(50% - 4px), black calc(50% - 4px + 1px));
            -webkit-mask-image: radial-gradient(100% 100%, transparent calc(40% - 4px), black calc(40% - 4px + 1px));
        }

        p {
            width: 200px;
        }
    </style>
</head>

<body>
    <p>sadjad 大王卡看我维权绿卡的雾气我从，。对未来的；另
    外。 往里了起来。；我来取。去。；去。我。去。 雾气。
    驱蚊器片尾曲。我六五七零雾气。；。搭窝</p>
    <div class="div"></div>
</body>

</html>
浏览器脱机调试接口