mirror of
https://github.com/avinal/avinal.github.io.git
synced 2026-07-03 23:30:09 +05:30
96 lines
1.6 KiB
XML
96 lines
1.6 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65" height="60"
|
|
|
|
shape-rendering="crispEdges"><style type="text/css">
|
|
.color {
|
|
-webkit-animation: col 300s linear infinite;
|
|
-moz-animation: col 300s linear infinite;
|
|
-o-animation: col 300s linear infinite;
|
|
animation: col 300s linear infinite;
|
|
}
|
|
|
|
@keyframes col {
|
|
0% {
|
|
fill: #EE67A4;
|
|
}
|
|
|
|
12.5% {
|
|
fill: violet;
|
|
}
|
|
|
|
25% {
|
|
fill: indigo;
|
|
}
|
|
|
|
37.5% {
|
|
fill: blue;
|
|
}
|
|
|
|
50% {
|
|
fill: #35BEB8
|
|
}
|
|
|
|
62.5% {
|
|
fill: green;
|
|
|
|
}
|
|
|
|
75% {
|
|
fill: yellow;
|
|
|
|
}
|
|
|
|
87.5% {
|
|
fill: orange;
|
|
|
|
}
|
|
|
|
100% {
|
|
fill: red;
|
|
}
|
|
}
|
|
|
|
.rcolor {
|
|
-webkit-animation: rcol 300s linear infinite;
|
|
-moz-animation: rcol 300s linear infinite;
|
|
-o-animation: rcol 300s linear infinite;
|
|
animation: rcol 300s linear infinite;
|
|
}
|
|
|
|
@keyframes rcol {
|
|
0% {
|
|
fill: #35BEB8;
|
|
}
|
|
|
|
12.5% {
|
|
fill: blue;
|
|
}
|
|
|
|
25% {
|
|
fill: indigo;
|
|
}
|
|
|
|
37.5% {
|
|
fill: violet;
|
|
}
|
|
|
|
50% {
|
|
fill: #EE67A4;
|
|
}
|
|
|
|
62.5% {
|
|
fill: red;
|
|
}
|
|
|
|
75% {
|
|
fill: orange;
|
|
}
|
|
|
|
87.5% {
|
|
fill: yellow;
|
|
}
|
|
|
|
100% {
|
|
fill: green;
|
|
}
|
|
}
|
|
</style><symbol id="logo" viewBox="0 -60 65 60"><path class="st0 color" d="M60-60H0V0h60z" /><path class="st1" d="M60-41h-5v10h5z" /><path class="st2 rcolor" d="M65-41h-5v10h5z" /></symbol><use xlink:href="#logo" width="65" height="60" id="XMLID_14_" y="-60" transform="scale(1 -1)" overflow="visible" /></svg> |
