81 lines
4.1 KiB
XML
81 lines
4.1 KiB
XML
|
<svg width="1024" height="1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<radialGradient id="starGradient" cx="50%" cy="50%" r="50%">
|
||
|
|
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
|
||
|
|
<stop offset="30%" style="stop-color:#ccddff;stop-opacity:0.8" />
|
||
|
|
<stop offset="70%" style="stop-color:#8899cc;stop-opacity:0.4" />
|
||
|
|
<stop offset="100%" style="stop-color:#445566;stop-opacity:0" />
|
||
|
|
</radialGradient>
|
||
|
|
<radialGradient id="nebulaGradient" cx="30%" cy="40%" r="60%">
|
||
|
|
<stop offset="0%" style="stop-color:#ff6699;stop-opacity:0.3" />
|
||
|
|
<stop offset="40%" style="stop-color:#6699ff;stop-opacity:0.2" />
|
||
|
|
<stop offset="80%" style="stop-color:#99ff66;stop-opacity:0.1" />
|
||
|
|
<stop offset="100%" style="stop-color:#000033;stop-opacity:0" />
|
||
|
|
</radialGradient>
|
||
|
|
<filter id="starGlow">
|
||
|
|
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
|
||
|
|
<feMerge>
|
||
|
|
<feMergeNode in="coloredBlur"/>
|
||
|
|
<feMergeNode in="SourceGraphic"/>
|
||
|
|
</feMerge>
|
||
|
|
</filter>
|
||
|
|
<filter id="twinkle">
|
||
|
|
<feTurbulence baseFrequency="0.01" numOctaves="2" result="noise"/>
|
||
|
|
<feColorMatrix in="noise" type="saturate" values="0"/>
|
||
|
|
<feComponentTransfer>
|
||
|
|
<feFuncA type="discrete" tableValues="0 0.2 0.4 0.6 0.8 1"/>
|
||
|
|
</feComponentTransfer>
|
||
|
|
<feComposite operator="multiply" in2="SourceGraphic"/>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- 深空背景 -->
|
||
|
|
<rect width="1024" height="1024" fill="#000011"/>
|
||
|
|
|
||
|
|
<!-- 星云效果 -->
|
||
|
|
<ellipse cx="300" cy="200" rx="200" ry="150" fill="url(#nebulaGradient)" opacity="0.4"/>
|
||
|
|
<ellipse cx="700" cy="600" rx="180" ry="120" fill="url(#nebulaGradient)" opacity="0.3"/>
|
||
|
|
<ellipse cx="150" cy="800" rx="160" ry="100" fill="url(#nebulaGradient)" opacity="0.2"/>
|
||
|
|
|
||
|
|
<!-- 大星星 -->
|
||
|
|
<circle cx="100" cy="100" r="3" fill="url(#starGradient)" filter="url(#starGlow)"/>
|
||
|
|
<circle cx="300" cy="150" r="2.5" fill="url(#starGradient)" filter="url(#starGlow)"/>
|
||
|
|
<circle cx="500" cy="80" r="3.5" fill="url(#starGradient)" filter="url(#starGlow)"/>
|
||
|
|
<circle cx="700" cy="200" r="2" fill="url(#starGradient)" filter="url(#starGlow)"/>
|
||
|
|
<circle cx="900" cy="120" r="2.8" fill="url(#starGradient)" filter="url(#starGlow)"/>
|
||
|
|
|
||
|
|
<!-- 中等星星 -->
|
||
|
|
<circle cx="150" cy="300" r="2" fill="#ffffff" opacity="0.8" filter="url(#starGlow)"/>
|
||
|
|
<circle cx="350" cy="400" r="1.8" fill="#ccddff" opacity="0.7" filter="url(#starGlow)"/>
|
||
|
|
<circle cx="550" cy="350" r="2.2" fill="#ffffff" opacity="0.9" filter="url(#starGlow)"/>
|
||
|
|
<circle cx="750" cy="450" r="1.5" fill="#ddccff" opacity="0.6" filter="url(#starGlow)"/>
|
||
|
|
<circle cx="850" cy="380" r="1.9" fill="#ffffff" opacity="0.8" filter="url(#starGlow)"/>
|
||
|
|
|
||
|
|
<!-- 小星星群 -->
|
||
|
|
<circle cx="80" cy="500" r="1" fill="#ffffff" opacity="0.6"/>
|
||
|
|
<circle cx="120" cy="520" r="0.8" fill="#ccddff" opacity="0.5"/>
|
||
|
|
<circle cx="200" cy="480" r="1.2" fill="#ffffff" opacity="0.7"/>
|
||
|
|
<circle cx="280" cy="550" r="0.9" fill="#ddccff" opacity="0.4"/>
|
||
|
|
<circle cx="320" cy="580" r="1.1" fill="#ffffff" opacity="0.6"/>
|
||
|
|
|
||
|
|
<circle cx="450" cy="600" r="1" fill="#ffffff" opacity="0.5"/>
|
||
|
|
<circle cx="480" cy="650" r="0.7" fill="#ccddff" opacity="0.4"/>
|
||
|
|
<circle cx="520" cy="620" r="1.3" fill="#ffffff" opacity="0.8"/>
|
||
|
|
<circle cx="580" cy="680" r="0.8" fill="#ddccff" opacity="0.3"/>
|
||
|
|
<circle cx="620" cy="700" r="1" fill="#ffffff" opacity="0.6"/>
|
||
|
|
|
||
|
|
<circle cx="200" cy="750" r="1.1" fill="#ffffff" opacity="0.7"/>
|
||
|
|
<circle cx="250" cy="800" r="0.9" fill="#ccddff" opacity="0.5"/>
|
||
|
|
<circle cx="300" cy="780" r="1.2" fill="#ffffff" opacity="0.6"/>
|
||
|
|
<circle cx="380" cy="820" r="0.8" fill="#ddccff" opacity="0.4"/>
|
||
|
|
<circle cx="420" cy="850" r="1" fill="#ffffff" opacity="0.5"/>
|
||
|
|
|
||
|
|
<circle cx="700" cy="800" r="1" fill="#ffffff" opacity="0.6"/>
|
||
|
|
<circle cx="750" cy="850" r="0.7" fill="#ccddff" opacity="0.4"/>
|
||
|
|
<circle cx="800" cy="820" r="1.3" fill="#ffffff" opacity="0.8"/>
|
||
|
|
<circle cx="880" cy="880" r="0.9" fill="#ddccff" opacity="0.5"/>
|
||
|
|
<circle cx="920" cy="900" r="1.1" fill="#ffffff" opacity="0.7"/>
|
||
|
|
|
||
|
|
<!-- 闪烁效果层 -->
|
||
|
|
<rect width="1024" height="1024" fill="#ffffff" opacity="0.05" filter="url(#twinkle)"/>
|
||
|
|
</svg>
|