up/assets/images/nature-soft.svg
2026-06-03 10:17:44 +00:00

46 lines
2.3 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600" preserveAspectRatio="xMidYMid slice">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#e6f2ea"/>
<stop offset="50%" stop-color="#f1f0f5"/>
<stop offset="100%" stop-color="#f4efe9"/>
</linearGradient>
<linearGradient id="leaf1" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#aec6b5"/>
<stop offset="100%" stop-color="#d1d8db"/>
</linearGradient>
<linearGradient id="leaf2" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#cdf0d8"/>
<stop offset="100%" stop-color="#e5e3f0"/>
</linearGradient>
<radialGradient id="glow" cx="50%" cy="45%" r="40%">
<stop offset="0%" stop-color="rgba(220,230,210,0.65)"/>
<stop offset="100%" stop-color="rgba(255,255,255,0)"/>
</radialGradient>
<filter id="soft" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="4"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.55"/>
</feComponentTransfer>
</filter>
</defs>
<rect width="1200" height="600" fill="url(#bg)"/>
<rect width="1200" height="600" fill="url(#glow)"/>
<g opacity="0.7">
<ellipse cx="320" cy="210" rx="110" ry="36" fill="url(#leaf1)" transform="rotate(-26, 320, 210)"/>
<ellipse cx="370" cy="225" rx="100" ry="30" fill="url(#leaf2)" transform="rotate(-8, 370, 225)"/>
<ellipse cx="390" cy="240" rx="90" ry="28" fill="url(#leaf1)" transform="rotate(14, 390, 240)"/>
<ellipse cx="350" cy="250" rx="103" ry="31" fill="url(#leaf2)" transform="rotate(35, 350, 250)"/>
<ellipse cx="320" cy="270" rx="94" ry="28" fill="url(#leaf1)" transform="rotate(60, 320, 270)"/>
</g>
<g opacity="0.85">
<ellipse cx="780" cy="300" rx="90" ry="26" fill="url(#leaf2)" transform="rotate(-18, 780, 300)"/>
<ellipse cx="820" cy="310" rx="82" ry="24" fill="url(#leaf1)" transform="rotate(2, 820, 310)"/>
<ellipse cx="830" cy="325" rx="68" ry="22" fill="url(#leaf2)" transform="rotate(22, 830, 325)"/>
<ellipse cx="810" cy="335" rx="78" ry="22" fill="url(#leaf1)" transform="rotate(40, 810, 335)"/>
</g>
<g filter="url(#soft)" opacity="0.25">
<circle cx="180" cy="540" r="120" fill="#d9f0dd"/>
<circle cx="1120" cy="520" r="150" fill="#ece1f5"/>
</g>
</svg>