spinny class added to html
commit
6ea5fefb49
@ -0,0 +1,92 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="210mm"
|
||||
height="297mm"
|
||||
viewBox="0 0 210 297"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
|
||||
sodipodi:docname="comingsoon.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.69130191"
|
||||
inkscape:cx="396.3536"
|
||||
inkscape:cy="561.25984"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="974"
|
||||
inkscape:window-x="-11"
|
||||
inkscape:window-y="-11"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Katman 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<ellipse
|
||||
style="fill:none;stroke-width:0.264583"
|
||||
id="path111"
|
||||
cx="85.731956"
|
||||
cy="129.55476"
|
||||
rx="66.59536"
|
||||
ry="62.959408" />
|
||||
<ellipse
|
||||
style="fill:#ff00ff;stroke-width:0.355253"
|
||||
id="path113"
|
||||
cx="104.86855"
|
||||
cy="156.34601"
|
||||
rx="68.891754"
|
||||
ry="67.934921" />
|
||||
<ellipse
|
||||
style="fill:#00ff00;stroke-width:0.33638"
|
||||
id="path113-5"
|
||||
cx="-159.02512"
|
||||
cy="104.67719"
|
||||
rx="64.87307"
|
||||
ry="64.681702"
|
||||
transform="rotate(-90)" />
|
||||
<circle
|
||||
id="path455"
|
||||
style="fill:#000000;stroke:#000000;stroke-width:0.264583"
|
||||
cx="54.730671"
|
||||
cy="157.30283"
|
||||
r="0.050979525" />
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.1694px;font-family:Jokerman;-inkscape-font-specification:Jokerman;fill:#000000;stroke-width:0.264583"
|
||||
id="text459"
|
||||
transform="matrix(0.99032508,0,0,0.9877502,-13.531033,8.6453657)"><textPath
|
||||
xlink:href="#path113-5"
|
||||
id="textPath461"><tspan
|
||||
id="tspan457"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.1694px;font-family:Jokerman;-inkscape-font-specification:Jokerman;stroke-width:0.264583">COMING SOON COMING SOON</tspan></textPath></text>
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.875px;font-family:'Curlz MT';-inkscape-font-specification:'Curlz MT';fill:#ff00ff;stroke-width:0.264583"
|
||||
x="150.7964"
|
||||
y="188.68684"
|
||||
id="text527"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan525"
|
||||
style="stroke-width:0.264583"
|
||||
x="150.7964"
|
||||
y="188.68684"> </tspan></text>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 3.1 KiB |
@ -0,0 +1,16 @@
|
||||
body {
|
||||
background-color: black;
|
||||
margin-top: 10%;
|
||||
margin-left: 10%;
|
||||
margin-right: 10%;
|
||||
font-family: monospace;
|
||||
color: #AB00FF;
|
||||
animation: blink 3s infinite alternate;
|
||||
}
|
||||
.special {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
@keyframes blink {
|
||||
0% { background: black }
|
||||
100% { background: white }
|
||||
}
|
Loading…
Reference in New Issue