39 lines
2.2 KiB
XML
39 lines
2.2 KiB
XML
<svg width="100%" height="200" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="100%" height="100%" fill="black"/>
|
|
<defs>
|
|
<radialGradient id="star-gradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
|
|
<stop offset="0%" style="stop-color: white; stop-opacity: 1" />
|
|
<stop offset="100%" style="stop-color: white; stop-opacity: 0" />
|
|
</radialGradient>
|
|
<g id="star">
|
|
<circle cx="0" cy="0" r="2" fill="white" />
|
|
</g>
|
|
</defs>
|
|
|
|
<!-- Lots of stars moving outward slower -->
|
|
<g>
|
|
<use href="#star" x="50%" y="50%" transform="translate(-300,-150) scale(1)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(300,-150) scale(1)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(-300,150) scale(1)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(300,150) scale(1)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(-150,-75) scale(0.5)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(150,-75) scale(0.5)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(-150,75) scale(0.5)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(150,75) scale(0.5)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(-75,-37) scale(0.7)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(75,-37) scale(0.7)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(-75,37) scale(0.7)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(75,37) scale(0.7)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(-350,-175) scale(0.4)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(350,-175) scale(0.4)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(-350,175) scale(0.4)" />
|
|
<use href="#star" x="50%" y="50%" transform="translate(350,175) scale(0.4)" />
|
|
<animateTransform attributeName="transform" type="scale" from="1" to="10" dur="2s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" from="1" to="0" dur="2s" repeatCount="indefinite" />
|
|
</g>
|
|
|
|
<!-- Centered Title -->
|
|
<text x="50%" y="50%" fill="white" font-size="40" text-anchor="middle" font-family="Arial" dy=".3em">
|
|
Novaconium PHP
|
|
</text>
|
|
</svg> |
