56 lines
1.7 KiB
XML
56 lines
1.7 KiB
XML
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||
|
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||
|
|
|
||
|
|
<svg
|
||
|
|
width="100"
|
||
|
|
height="100"
|
||
|
|
viewBox="0 0 100 100"
|
||
|
|
version="1.1"
|
||
|
|
id="svg1"
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
rect {
|
||
|
|
fill: #580;
|
||
|
|
}
|
||
|
|
|
||
|
|
#hover:target rect {
|
||
|
|
fill: url(#fill-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
#pressed:target rect {
|
||
|
|
fill: #af0;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<g id="hover">
|
||
|
|
<g id="pressed">
|
||
|
|
|
||
|
|
<mask id="shape">
|
||
|
|
<path
|
||
|
|
fill="white"
|
||
|
|
d="m 20.04638,29.992405 h -9.963128 c -2.083252,0 -3.083252,2 -0.03436,5.048888 L 45.007595,70 C 50,74.992405 50,74.992405 55.045878,69.946527 L 90.032052,34.960353 C 93,31.992405 92,29.992405 90.019847,29.992405 H 80 v -15 c 0,-5 -5,-10 -10,-10 H 10 c 5,0 10,5 10,10"
|
||
|
|
id="path1" />
|
||
|
|
<path
|
||
|
|
fill="white"
|
||
|
|
d="m 5,95 h 90 c 5,0 5,-15 -10,-15 H 15 C 0,80 0,95 5,95 Z"
|
||
|
|
id="path3" />
|
||
|
|
</mask>
|
||
|
|
|
||
|
|
<linearGradient id="fill-hover" x1="0" x2="0" y1="-100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#580" />
|
||
|
|
<stop offset="30%" stop-color="#af0" />
|
||
|
|
<stop offset="60%" stop-color="#580" />
|
||
|
|
<animate attributeName="y1" dur="2000ms" from="-100%" to="100%" repeatCount="indefinite" />
|
||
|
|
<animate attributeName="y2" dur="2000ms" from="100%" to="200%" repeatCount="indefinite" />
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<rect x="0" y="0" width="100" height="100" mask="url(#shape)" />
|
||
|
|
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</svg>
|