pmi-site/static/images/bg-phys.svg

26 lines
1.3 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
<defs>
<style>
.wave { fill: none; stroke: #d0dae8; stroke-width: 2; opacity: 0.3; }
.atom { fill: none; stroke: #c0d0e0; stroke-width: 1.5; opacity: 0.25; }
</style>
</defs>
<!-- Синусоидальные волны -->
<path class="wave" d="M 0,100 Q 100,50 200,100 T 400,100 T 600,100 T 800,100"/>
<path class="wave" d="M 0,200 Q 100,250 200,200 T 400,200 T 600,200 T 800,200"/>
<path class="wave" d="M 0,400 Q 100,350 200,400 T 400,400 T 600,400 T 800,400"/>
<!-- Атомные орбиты -->
<ellipse class="atom" cx="650" cy="150" rx="60" ry="20"/>
<ellipse class="atom" cx="650" cy="150" rx="60" ry="20" transform="rotate(60 650 150)"/>
<ellipse class="atom" cx="650" cy="150" rx="60" ry="20" transform="rotate(120 650 150)"/>
<circle cx="650" cy="150" r="5" fill="#c0d0e0" opacity="0.3"/>
<!-- Векторы -->
<line x1="100" y1="500" x2="200" y2="450" stroke="#d0dae8" stroke-width="2" opacity="0.3"/>
<polygon points="200,450 195,460 205,460" fill="#d0dae8" opacity="0.3"/>
<line x1="100" y1="500" x2="150" y2="550" stroke="#d0dae8" stroke-width="2" opacity="0.3"/>
<polygon points="150,550 145,540 155,540" fill="#d0dae8" opacity="0.3"/>
</svg>