????(新头像)

<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 预览:岁月静好


上传:依托 :shit:
avatar-light


































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

哈哈哈 :laughing:

2 Likes

敲半天 SVG 结果一看其他平台渲染的不(chún)对(shǐ)的难受感

2 Likes

怎么变这样了

浏览器上都能渲染好


about:blank+F12大法

LINUX DO 上传 SVG 貌似会删掉一部分内容

怎么看着像两个PP对着啊

1 Like

maek一下 :grin: