mirror of
https://github.com/ItzCrazyKns/Perplexica.git
synced 2025-06-06 18:08:38 +00:00
141 lines
7.6 KiB
XML
141 lines
7.6 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!-- (c) ammap.com | SVG weather icons -->
|
|
<!-- Mix of Rain and Sleet | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
|
|
<svg width="56" height="48" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<filter id="blur" x="-.24684" y="-.22776" width="1.4937" height="1.5756">
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="3" />
|
|
<feOffset dx="0" dy="4" result="offsetblur" />
|
|
<feComponentTransfer>
|
|
<feFuncA slope="0.05" type="linear" />
|
|
</feComponentTransfer>
|
|
<feMerge>
|
|
<feMergeNode />
|
|
<feMergeNode in="SourceGraphic" />
|
|
</feMerge>
|
|
</filter>
|
|
<style type="text/css">
|
|
<![CDATA[
|
|
/*
|
|
** RAIN
|
|
*/
|
|
@keyframes am-weather-rain {
|
|
0% {
|
|
stroke-dashoffset: 0;
|
|
}
|
|
|
|
100% {
|
|
stroke-dashoffset: -100;
|
|
}
|
|
}
|
|
|
|
.am-weather-rain-1 {
|
|
-webkit-animation-name: am-weather-rain;
|
|
-moz-animation-name: am-weather-rain;
|
|
-ms-animation-name: am-weather-rain;
|
|
animation-name: am-weather-rain;
|
|
-webkit-animation-duration: 8s;
|
|
-moz-animation-duration: 8s;
|
|
-ms-animation-duration: 8s;
|
|
animation-duration: 8s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
.am-weather-rain-2 {
|
|
-webkit-animation-name: am-weather-rain;
|
|
-moz-animation-name: am-weather-rain;
|
|
-ms-animation-name: am-weather-rain;
|
|
animation-name: am-weather-rain;
|
|
-webkit-animation-delay: 0.25s;
|
|
-moz-animation-delay: 0.25s;
|
|
-ms-animation-delay: 0.25s;
|
|
animation-delay: 0.25s;
|
|
-webkit-animation-duration: 8s;
|
|
-moz-animation-duration: 8s;
|
|
-ms-animation-duration: 8s;
|
|
animation-duration: 8s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-ms-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
/*
|
|
** CLOUDS
|
|
*/
|
|
@keyframes am-weather-cloud-3 {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
-moz-transform: translate(0px, 0px);
|
|
-ms-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translate(2px, 0px);
|
|
-moz-transform: translate(2px, 0px);
|
|
-ms-transform: translate(2px, 0px);
|
|
transform: translate(2px, 0px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
-moz-transform: translate(0px, 0px);
|
|
-ms-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
|
|
.am-weather-cloud-3 {
|
|
-webkit-animation-name: am-weather-cloud-3;
|
|
-moz-animation-name: am-weather-cloud-3;
|
|
animation-name: am-weather-cloud-3;
|
|
-webkit-animation-duration: 3s;
|
|
-moz-animation-duration: 3s;
|
|
animation-duration: 3s;
|
|
-webkit-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
]]>
|
|
</style>
|
|
</defs>
|
|
<g transform="translate(16,-2)" filter="url(#blur)">
|
|
<g class="am-weather-cloud-3"
|
|
style="-moz-animation-duration:3s;-moz-animation-iteration-count:infinite;-moz-animation-name:am-weather-cloud-3;-moz-animation-timing-function:linear;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:am-weather-cloud-3;-webkit-animation-timing-function:linear">
|
|
<path transform="translate(-20,-11)"
|
|
d="m47.7 35.4c0-4.6-3.7-8.2-8.2-8.2-1 0-1.9 0.2-2.8 0.5-0.3-3.4-3.1-6.2-6.6-6.2-3.7 0-6.7 3-6.7 6.7 0 0.8 0.2 1.6 0.4 2.3-0.3-0.1-0.7-0.1-1-0.1-3.7 0-6.7 3-6.7 6.7 0 3.6 2.9 6.6 6.5 6.7h17.2c4.4-0.5 7.9-4 7.9-8.4z"
|
|
fill="#57a0ee" stroke="#fff" stroke-linejoin="round" stroke-width="1.2" />
|
|
</g>
|
|
<g class="am-weather-sleet-2" transform="translate(-20,-10) rotate(10,-247.39,200.17)" fill="none" stroke="#91c0f8"
|
|
stroke-linecap="round">
|
|
<line class="am-weather-rain-1" transform="translate(-5,1)" y2="8" stroke-dasharray="0.1, 7" stroke-width="2"
|
|
style="-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-name:am-weather-rain;-moz-animation-timing-function:linear;-ms-animation-duration:8s;-ms-animation-iteration-count:infinite;-ms-animation-name:am-weather-rain;-ms-animation-timing-function:linear;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:am-weather-rain;-webkit-animation-timing-function:linear" />
|
|
<line class="am-weather-rain-1" transform="translate(5)" y2="8" stroke-dasharray="0.1, 7" stroke-width="2"
|
|
style="-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-name:am-weather-rain;-moz-animation-timing-function:linear;-ms-animation-duration:8s;-ms-animation-iteration-count:infinite;-ms-animation-name:am-weather-rain;-ms-animation-timing-function:linear;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:am-weather-rain;-webkit-animation-timing-function:linear" />
|
|
</g>
|
|
<g class="am-weather-rain-3" transform="translate(-20,-10) rotate(10,-245.89,217.31)" fill="none" stroke="#91c0f8"
|
|
stroke-dasharray="4, 7" stroke-linecap="round" stroke-width="2">
|
|
<line class="am-weather-rain-1" transform="translate(-13,1)" y2="8"
|
|
style="-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-name:am-weather-rain;-moz-animation-timing-function:linear;-ms-animation-duration:8s;-ms-animation-iteration-count:infinite;-ms-animation-name:am-weather-rain;-ms-animation-timing-function:linear;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:am-weather-rain;-webkit-animation-timing-function:linear" />
|
|
<line class="am-weather-rain-1" transform="translate(-3,2)" y2="8"
|
|
style="-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-name:am-weather-rain;-moz-animation-timing-function:linear;-ms-animation-duration:8s;-ms-animation-iteration-count:infinite;-ms-animation-name:am-weather-rain;-ms-animation-timing-function:linear;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:am-weather-rain;-webkit-animation-timing-function:linear" />
|
|
<line class="am-weather-rain-2" transform="translate(7,-1)" y2="8"
|
|
style="-moz-animation-delay:0.25s;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-name:am-weather-rain;-moz-animation-timing-function:linear;-ms-animation-delay:0.25s;-ms-animation-duration:8s;-ms-animation-iteration-count:infinite;-ms-animation-name:am-weather-rain;-ms-animation-timing-function:linear;-webkit-animation-delay:0.25s;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:am-weather-rain;-webkit-animation-timing-function:linear" />
|
|
</g>
|
|
</g>
|
|
</svg> |