<svg xmlns="http://www.w3.org/2000/svg" style="background-image: conic-gradient(from 45deg, #bb64ff, #f28, #ff8b00 28%, #f2416b, #e750de 60%, #0096ff, #bb64ff);border-radius: 50%; width: 400px; height: 400px;" viewBox="0 0 400 400">
<defs>
<!-- 创建一个发光滤镜 -->
<filter id="outerGlow" x="-50%" y="-50%" width="200%" height="200%">
<!-- 创建一个模糊效果 -->
<feGaussianBlur in="SourceGraphic" stdDeviation="50" result="blur"/>
<!-- 创建一个发光效果 -->
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -5" result="glow"/>
<!-- 合并原始图形和发光效果 -->
<feBlend in="SourceGraphic" in2="glow" mode="normal"/>
</filter>
<!-- background-image: conic-gradient(from 45deg, #bb64ff, #f28, #ff8b00 28%, #f2416b, #e750de 60%, #0096ff, #bb64ff); -->
<linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="rgb(240, 203, 53)" />
<stop offset="100%" stop-color="rgb(37, 36, 252)" />
</linearGradient>
<!-- linear-gradient(108deg,#0894ff,#c959dd 34%,#ff2e54 68%,#ff9004) -->
<linearGradient id="ai-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0894ff" />
<stop offset="34%" stop-color="#c959dd" />
<stop offset="68%" stop-color="#ff2e54" />
<stop offset="100%" stop-color="#ff9004" />
</linearGradient>
<mask id="starMask">
<circle cx="200" cy="200" r="120" fill="white" />
<circle cx="80" cy="80" r="120" fill="black" />
<circle cx="320" cy="320" r="120" fill="black" />
<circle cx="80" cy="320" r="120" fill="black" />
<circle cx="320" cy="80" r="120" fill="black" />
</mask>
<mask id="circle">
<rect x="0" y="0" width="200" height="200" fill="black" />
<circle cx="200" cy="200" r="200" fill="white" />
</mask>
</defs>
<!-- <circle cx="200" cy="200" r="200" fill="url(#ai-gradient)" filter="url(#glow)" /> -->
<circle cx="200" cy="200" r="170" fill="#ffffff" mask='circle' filter="url(#outerGlow)" />
<circle cx="200" cy="200" r="120" fill="url(#gradient)" mask="url(#starMask)" />
</svg>
VS Code 预览:岁月静好
上传:依托

(直接在下面嵌入还渲染不出来)