初始提交:全国牛产业大数据中心大屏项目
This commit is contained in:
33
public/texture/光柱.svg
Normal file
33
public/texture/光柱.svg
Normal file
@@ -0,0 +1,33 @@
|
||||
<svg width="32" height="256" viewBox="0 0 32 256" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="beamGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#00ffff;stop-opacity:0" />
|
||||
<stop offset="10%" style="stop-color:#00ffff;stop-opacity:0.8" />
|
||||
<stop offset="50%" style="stop-color:#0088ff;stop-opacity:1" />
|
||||
<stop offset="90%" style="stop-color:#00ffff;stop-opacity:0.8" />
|
||||
<stop offset="100%" style="stop-color:#00ffff;stop-opacity:0" />
|
||||
</linearGradient>
|
||||
<radialGradient id="beamRadial" cx="50%" cy="50%" r="50%">
|
||||
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.8" />
|
||||
<stop offset="30%" style="stop-color:#00ffff;stop-opacity:0.6" />
|
||||
<stop offset="70%" style="stop-color:#0088ff;stop-opacity:0.4" />
|
||||
<stop offset="100%" style="stop-color:#004488;stop-opacity:0" />
|
||||
</radialGradient>
|
||||
<filter id="beamGlow">
|
||||
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="coloredBlur"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- 主光柱 -->
|
||||
<rect x="8" y="0" width="16" height="256" fill="url(#beamGradient)" filter="url(#beamGlow)"/>
|
||||
|
||||
<!-- 中心亮线 -->
|
||||
<rect x="14" y="0" width="4" height="256" fill="url(#beamRadial)" opacity="0.8"/>
|
||||
|
||||
<!-- 外发光效果 -->
|
||||
<rect x="4" y="0" width="24" height="256" fill="url(#beamGradient)" opacity="0.3" filter="url(#beamGlow)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Reference in New Issue
Block a user