51 lines
No EOL
2.4 KiB
XML
51 lines
No EOL
2.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
|
|
<defs>
|
|
<linearGradient id="animGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#A855F7">
|
|
<animate attributeName="stop-color"
|
|
values="#A855F7;#06B6D4;#A855F7"
|
|
dur="3s" repeatCount="indefinite"/>
|
|
</stop>
|
|
<stop offset="100%" style="stop-color:#7C3AED">
|
|
<animate attributeName="stop-color"
|
|
values="#7C3AED;#8B5CF6;#7C3AED"
|
|
dur="3s" repeatCount="indefinite"/>
|
|
</stop>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Animated Letter A -->
|
|
<g transform="translate(100, 100)">
|
|
<path d="M -2 -40 L -35 35 L -25 35 L -8 -10 Z" fill="url(#animGrad)">
|
|
<animate attributeName="opacity" values="1;0.8;1" dur="2s" repeatCount="indefinite"/>
|
|
</path>
|
|
<path d="M 2 -40 L 35 35 L 25 35 L 8 -10 Z" fill="url(#animGrad)">
|
|
<animate attributeName="opacity" values="1;0.8;1" dur="2s" repeatCount="indefinite" begin="0.1s"/>
|
|
</path>
|
|
|
|
<!-- Animated connection nodes -->
|
|
<circle cx="-20" cy="0" r="3" fill="#06B6D4">
|
|
<animate attributeName="r" values="3;5;3" dur="1.5s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" values="0.6;1;0.6" dur="1.5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="20" cy="0" r="3" fill="#06B6D4">
|
|
<animate attributeName="r" values="3;5;3" dur="1.5s" repeatCount="indefinite" begin="0.3s"/>
|
|
<animate attributeName="opacity" values="0.6;1;0.6" dur="1.5s" repeatCount="indefinite" begin="0.3s"/>
|
|
</circle>
|
|
<circle cx="0" cy="-5" r="2" fill="#22D3EE">
|
|
<animate attributeName="r" values="2;4;2" dur="1.5s" repeatCount="indefinite" begin="0.6s"/>
|
|
<animate attributeName="opacity" values="0.8;1;0.8" dur="1.5s" repeatCount="indefinite" begin="0.6s"/>
|
|
</circle>
|
|
|
|
<!-- Connection lines -->
|
|
<line x1="-20" y1="0" x2="20" y2="0" stroke="#06B6D4" stroke-width="2">
|
|
<animate attributeName="stroke-opacity" values="0.3;0.8;0.3" dur="2s" repeatCount="indefinite"/>
|
|
</line>
|
|
</g>
|
|
|
|
<!-- Orbit animation -->
|
|
<circle r="70" cx="100" cy="100" fill="none" stroke="#8B5CF6" stroke-width="1" opacity="0.3">
|
|
<animate attributeName="r" values="70;75;70" dur="3s" repeatCount="indefinite"/>
|
|
<animate attributeName="stroke-opacity" values="0.3;0.6;0.3" dur="3s" repeatCount="indefinite"/>
|
|
</circle>
|
|
</svg> |