初始提交:全国牛产业大数据中心大屏项目
This commit is contained in:
41
public/texture/旋转环.svg
Normal file
41
public/texture/旋转环.svg
Normal file
@@ -0,0 +1,41 @@
|
||||
<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<radialGradient id="ringGradient" cx="50%" cy="50%" r="50%">
|
||||
<stop offset="0%" style="stop-color:#00ffff;stop-opacity:0" />
|
||||
<stop offset="40%" style="stop-color:#00ffff;stop-opacity:0" />
|
||||
<stop offset="45%" style="stop-color:#00ffff;stop-opacity:0.8" />
|
||||
<stop offset="55%" style="stop-color:#0088ff;stop-opacity:1" />
|
||||
<stop offset="60%" style="stop-color:#00ffff;stop-opacity:0.8" />
|
||||
<stop offset="100%" style="stop-color:#00ffff;stop-opacity:0" />
|
||||
</radialGradient>
|
||||
<linearGradient id="ringLinear" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#00ffff;stop-opacity:0.3" />
|
||||
<stop offset="25%" style="stop-color:#0088ff;stop-opacity:0.8" />
|
||||
<stop offset="50%" style="stop-color:#00ffff;stop-opacity:1" />
|
||||
<stop offset="75%" style="stop-color:#0088ff;stop-opacity:0.8" />
|
||||
<stop offset="100%" style="stop-color:#00ffff;stop-opacity:0.3" />
|
||||
</linearGradient>
|
||||
<filter id="ringGlow">
|
||||
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="coloredBlur"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- 外环 -->
|
||||
<circle cx="64" cy="64" r="58" fill="none" stroke="url(#ringLinear)" stroke-width="4" opacity="0.6" filter="url(#ringGlow)"/>
|
||||
|
||||
<!-- 中环 -->
|
||||
<circle cx="64" cy="64" r="48" fill="none" stroke="url(#ringLinear)" stroke-width="3" opacity="0.8" filter="url(#ringGlow)"/>
|
||||
|
||||
<!-- 内环 -->
|
||||
<circle cx="64" cy="64" r="38" fill="none" stroke="url(#ringLinear)" stroke-width="2" opacity="1" filter="url(#ringGlow)"/>
|
||||
|
||||
<!-- 装饰点 -->
|
||||
<circle cx="122" cy="64" r="3" fill="#00ffff" opacity="0.8"/>
|
||||
<circle cx="64" cy="6" r="2" fill="#0088ff" opacity="0.6"/>
|
||||
<circle cx="6" cy="64" r="2" fill="#00ffff" opacity="0.7"/>
|
||||
<circle cx="64" cy="122" r="2" fill="#0088ff" opacity="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
Reference in New Issue
Block a user