NOSTALGIA .Z

Home
Scenes
Waves
Color
#888888
Background Color
#000000
Density
10

* Window size Parameters won't applies to preview.

Height
800
Width
1800

To use in Markdown:

<img align="center" src="https://zane-nostalgia.kiyo-n-zane.com/scenes/rainy/api?height=800&width=1800&color=%23888888&backgroundColor=%23000000&density=10" />

Raw SVG:

<svg viewBox="0 0 1800 800" height="800px" width="1800px" role="img" xmlns="http://www.w3.org/2000/svg"><defs><ellipse id="ripple-geo-1" cx="0" cy="0" rx="100" ry="40" fill="none" stroke="#888888" stroke-width="1" stroke-dasharray="50 20 10 20 100 20"></ellipse><ellipse id="ripple-geo-2" cx="0" cy="0" rx="100" ry="40" fill="none" stroke="#888888" stroke-width="1" stroke-dasharray="120 20 10 20 40 20"></ellipse><ellipse id="ripple-geo-3" cx="0" cy="0" rx="100" ry="40" fill="none" stroke="#888888" stroke-width="1" stroke-dasharray="100 20 30 20 80 20"></ellipse><use href="#ripple-geo-0" id="ripple-0" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran0" values="0;3" dur="0.4s" begin="0s;ripple-tran0.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0s;ripple-tran0.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-1" id="ripple-1" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran1" values="0;3" dur="0.4s" begin="0.1s;ripple-tran1.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0.1s;ripple-tran1.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-2" id="ripple-2" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran2" values="0;3" dur="0.4s" begin="0.2s;ripple-tran2.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0.2s;ripple-tran2.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-0" id="ripple-3" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran3" values="0;3" dur="0.4s" begin="0.3s;ripple-tran3.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0.3s;ripple-tran3.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-1" id="ripple-4" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran4" values="0;3" dur="0.4s" begin="0.4s;ripple-tran4.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0.4s;ripple-tran4.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-2" id="ripple-5" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran5" values="0;3" dur="0.4s" begin="0.5s;ripple-tran5.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0.5s;ripple-tran5.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-0" id="ripple-6" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran6" values="0;3" dur="0.4s" begin="0.6s;ripple-tran6.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0.6s;ripple-tran6.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-1" id="ripple-7" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran7" values="0;3" dur="0.4s" begin="0.7s;ripple-tran7.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0.7s;ripple-tran7.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-2" id="ripple-8" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran8" values="0;3" dur="0.4s" begin="0.8s;ripple-tran8.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0.8s;ripple-tran8.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-0" id="ripple-9" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran9" values="0;3" dur="0.4s" begin="0.9s;ripple-tran9.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="0.9s;ripple-tran9.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-1" id="ripple-10" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran10" values="0;3" dur="0.4s" begin="1s;ripple-tran10.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="1s;ripple-tran10.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-2" id="ripple-11" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran11" values="0;3" dur="0.4s" begin="1.1s;ripple-tran11.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="1.1s;ripple-tran11.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-0" id="ripple-12" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran12" values="0;3" dur="0.4s" begin="1.2s;ripple-tran12.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="1.2s;ripple-tran12.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-1" id="ripple-13" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran13" values="0;3" dur="0.4s" begin="1.3s;ripple-tran13.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="1.3s;ripple-tran13.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-2" id="ripple-14" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran14" values="0;3" dur="0.4s" begin="1.4s;ripple-tran14.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="1.4s;ripple-tran14.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-0" id="ripple-15" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran15" values="0;3" dur="0.4s" begin="1.5s;ripple-tran15.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="1.5s;ripple-tran15.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-1" id="ripple-16" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran16" values="0;3" dur="0.4s" begin="1.6s;ripple-tran16.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="1.6s;ripple-tran16.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-2" id="ripple-17" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran17" values="0;3" dur="0.4s" begin="1.7s;ripple-tran17.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="1.7s;ripple-tran17.end+1.5s" fill="freeze"></animate></use><use href="#ripple-geo-0" id="ripple-18" opacity="0"><animateTransform attributeName="transform" type="scale" id="ripple-tran18" values="0;3" dur="0.4s" begin="1.8s;ripple-tran18.end+1.5s" fill="freeze"></animateTransform><animate attributeName="opacity" values="1;0.7;0" dur="0.4s" begin="1.8s;ripple-tran18.end+1.5s" fill="freeze"></animate></use><line stroke="#888888" stroke-width="1" id="drop-0"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0s;ripple-tran0.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0s;ripple-tran0.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-1"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0.1s;ripple-tran1.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0.1s;ripple-tran1.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-2"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0.2s;ripple-tran2.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0.2s;ripple-tran2.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-3"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0.3s;ripple-tran3.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0.3s;ripple-tran3.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-4"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0.4s;ripple-tran4.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0.4s;ripple-tran4.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-5"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0.5s;ripple-tran5.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0.5s;ripple-tran5.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-6"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0.6s;ripple-tran6.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0.6s;ripple-tran6.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-7"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0.7s;ripple-tran7.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0.7s;ripple-tran7.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-8"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0.8s;ripple-tran8.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0.8s;ripple-tran8.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-9"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="0.9s;ripple-tran9.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="0.9s;ripple-tran9.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-10"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="1s;ripple-tran10.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="1s;ripple-tran10.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-11"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="1.1s;ripple-tran11.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="1.1s;ripple-tran11.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-12"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="1.2s;ripple-tran12.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="1.2s;ripple-tran12.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-13"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="1.3s;ripple-tran13.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="1.3s;ripple-tran13.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-14"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="1.4s;ripple-tran14.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="1.4s;ripple-tran14.end+1.5s" fill="freeze"></animate></line><line stroke="#888888" stroke-width="1" id="drop-15"><animate attributeName="y1" values="-2000;0;0" dur="0.4s" begin="1.5s;ripple-tran15.end+1.5s" fill="freeze"></animate><animate attributeName="y2" values="-1500;-500;0" dur="0.4s" begin="1.5s;ripple-tran15.end+1.5s" fill="freeze"></animate></line></defs><rect width="1800px" height="800px" fill="#000000"></rect><g><use href="#ripple-16" x="1022" y="712"></use><use href="#ripple-17" x="1022" y="712"></use><use href="#ripple-18" x="1022" y="712"></use><use href="#drop-16" x="1022" y="712"></use></g><g><use href="#ripple-1" x="1121" y="12"></use><use href="#ripple-2" x="1121" y="12"></use><use href="#ripple-3" x="1121" y="12"></use><use href="#drop-1" x="1121" y="12"></use></g><g><use href="#ripple-3" x="1011" y="764"></use><use href="#ripple-4" x="1011" y="764"></use><use href="#ripple-5" x="1011" y="764"></use><use href="#drop-3" x="1011" y="764"></use></g><g><use href="#ripple-11" x="1325" y="57"></use><use href="#ripple-12" x="1325" y="57"></use><use href="#ripple-13" x="1325" y="57"></use><use href="#drop-11" x="1325" y="57"></use></g><g><use href="#ripple-7" x="1726" y="381"></use><use href="#ripple-8" x="1726" y="381"></use><use href="#ripple-9" x="1726" y="381"></use><use href="#drop-7" x="1726" y="381"></use></g><g><use href="#ripple-15" x="926" y="275"></use><use href="#ripple-16" x="926" y="275"></use><use href="#ripple-17" x="926" y="275"></use><use href="#drop-15" x="926" y="275"></use></g><g><use href="#ripple-2" x="705" y="491"></use><use href="#ripple-3" x="705" y="491"></use><use href="#ripple-4" x="705" y="491"></use><use href="#drop-2" x="705" y="491"></use></g><g><use href="#ripple-5" x="428" y="637"></use><use href="#ripple-6" x="428" y="637"></use><use href="#ripple-7" x="428" y="637"></use><use href="#drop-5" x="428" y="637"></use></g><g><use href="#ripple-1" x="1713" y="181"></use><use href="#ripple-2" x="1713" y="181"></use><use href="#ripple-3" x="1713" y="181"></use><use href="#drop-1" x="1713" y="181"></use></g><g><use href="#ripple-3" x="1650" y="460"></use><use href="#ripple-4" x="1650" y="460"></use><use href="#ripple-5" x="1650" y="460"></use><use href="#drop-3" x="1650" y="460"></use></g><g><use href="#ripple-11" x="506" y="447"></use><use href="#ripple-12" x="506" y="447"></use><use href="#ripple-13" x="506" y="447"></use><use href="#drop-11" x="506" y="447"></use></g><g><use href="#ripple-17" x="436" y="429"></use><use href="#ripple-18" x="436" y="429"></use><use href="#ripple-19" x="436" y="429"></use><use href="#drop-17" x="436" y="429"></use></g><g><use href="#ripple-6" x="99" y="617"></use><use href="#ripple-7" x="99" y="617"></use><use href="#ripple-8" x="99" y="617"></use><use href="#drop-6" x="99" y="617"></use></g><g><use href="#ripple-4" x="1790" y="358"></use><use href="#ripple-5" x="1790" y="358"></use><use href="#ripple-6" x="1790" y="358"></use><use href="#drop-4" x="1790" y="358"></use></g><g><use href="#ripple-13" x="767" y="731"></use><use href="#ripple-14" x="767" y="731"></use><use href="#ripple-15" x="767" y="731"></use><use href="#drop-13" x="767" y="731"></use></g><g><use href="#ripple-2" x="27" y="772"></use><use href="#ripple-3" x="27" y="772"></use><use href="#ripple-4" x="27" y="772"></use><use href="#drop-2" x="27" y="772"></use></g><g><use href="#ripple-12" x="238" y="643"></use><use href="#ripple-13" x="238" y="643"></use><use href="#ripple-14" x="238" y="643"></use><use href="#drop-12" x="238" y="643"></use></g><g><use href="#ripple-6" x="983" y="95"></use><use href="#ripple-7" x="983" y="95"></use><use href="#ripple-8" x="983" y="95"></use><use href="#drop-6" x="983" y="95"></use></g><g><use href="#ripple-12" x="178" y="136"></use><use href="#ripple-13" x="178" y="136"></use><use href="#ripple-14" x="178" y="136"></use><use href="#drop-12" x="178" y="136"></use></g><g><use href="#ripple-13" x="735" y="412"></use><use href="#ripple-14" x="735" y="412"></use><use href="#ripple-15" x="735" y="412"></use><use href="#drop-13" x="735" y="412"></use></g><g><use href="#ripple-13" x="142" y="69"></use><use href="#ripple-14" x="142" y="69"></use><use href="#ripple-15" x="142" y="69"></use><use href="#drop-13" x="142" y="69"></use></g><g><use href="#ripple-3" x="768" y="770"></use><use href="#ripple-4" x="768" y="770"></use><use href="#ripple-5" x="768" y="770"></use><use href="#drop-3" x="768" y="770"></use></g><g><use href="#ripple-10" x="1118" y="96"></use><use href="#ripple-11" x="1118" y="96"></use><use href="#ripple-12" x="1118" y="96"></use><use href="#drop-10" x="1118" y="96"></use></g><g><use href="#ripple-12" x="475" y="556"></use><use href="#ripple-13" x="475" y="556"></use><use href="#ripple-14" x="475" y="556"></use><use href="#drop-12" x="475" y="556"></use></g><g><use href="#ripple-8" x="1389" y="653"></use><use href="#ripple-9" x="1389" y="653"></use><use href="#ripple-10" x="1389" y="653"></use><use href="#drop-8" x="1389" y="653"></use></g><g><use href="#ripple-15" x="1518" y="774"></use><use href="#ripple-16" x="1518" y="774"></use><use href="#ripple-17" x="1518" y="774"></use><use href="#drop-15" x="1518" y="774"></use></g><g><use href="#ripple-1" x="235" y="393"></use><use href="#ripple-2" x="235" y="393"></use><use href="#ripple-3" x="235" y="393"></use><use href="#drop-1" x="235" y="393"></use></g><g><use href="#ripple-16" x="717" y="660"></use><use href="#ripple-17" x="717" y="660"></use><use href="#ripple-18" x="717" y="660"></use><use href="#drop-16" x="717" y="660"></use></g><g><use href="#ripple-15" x="103" y="23"></use><use href="#ripple-16" x="103" y="23"></use><use href="#ripple-17" x="103" y="23"></use><use href="#drop-15" x="103" y="23"></use></g><g><use href="#ripple-12" x="1343" y="58"></use><use href="#ripple-13" x="1343" y="58"></use><use href="#ripple-14" x="1343" y="58"></use><use href="#drop-12" x="1343" y="58"></use></g><g><use href="#ripple-12" x="848" y="145"></use><use href="#ripple-13" x="848" y="145"></use><use href="#ripple-14" x="848" y="145"></use><use href="#drop-12" x="848" y="145"></use></g><g><use href="#ripple-16" x="1438" y="519"></use><use href="#ripple-17" x="1438" y="519"></use><use href="#ripple-18" x="1438" y="519"></use><use href="#drop-16" x="1438" y="519"></use></g><g><use href="#ripple-2" x="1561" y="106"></use><use href="#ripple-3" x="1561" y="106"></use><use href="#ripple-4" x="1561" y="106"></use><use href="#drop-2" x="1561" y="106"></use></g><g><use href="#ripple-11" x="1689" y="62"></use><use href="#ripple-12" x="1689" y="62"></use><use href="#ripple-13" x="1689" y="62"></use><use href="#drop-11" x="1689" y="62"></use></g><g><use href="#ripple-10" x="118" y="163"></use><use href="#ripple-11" x="118" y="163"></use><use href="#ripple-12" x="118" y="163"></use><use href="#drop-10" x="118" y="163"></use></g><g><use href="#ripple-14" x="1016" y="639"></use><use href="#ripple-15" x="1016" y="639"></use><use href="#ripple-16" x="1016" y="639"></use><use href="#drop-14" x="1016" y="639"></use></g></svg>