53 lines
1.4 KiB
XML
Executable File
53 lines
1.4 KiB
XML
Executable File
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg width="110" height="110" xmlns="http://www.w3.org/2000/svg">
|
|
<title>Simple SVG + mediaqueries</title>
|
|
<style type="text/css">
|
|
#shadow {
|
|
filter: url(#AI_GaussianBlur_4);
|
|
}
|
|
#skin {
|
|
fill: url(#skin_gradient);
|
|
}
|
|
#smile {
|
|
stroke: #000;
|
|
stroke-width: 2px;
|
|
fill: none;
|
|
}
|
|
#shadow circle {
|
|
fill: #969696;
|
|
}
|
|
@media screen and (max-width: 16px) {
|
|
#smile {
|
|
stroke-width: 5px;
|
|
}
|
|
#shadow circle {
|
|
fill: #333333;
|
|
}
|
|
#shadow {
|
|
/*filter: url(#AI_GaussianBlur_2); */
|
|
filter: none;
|
|
}
|
|
}
|
|
</style>
|
|
<defs>
|
|
<radialGradient gradientUnits="userSpaceOnUse" r="47.5" cy="47.5" cx="47.5" id="skin_gradient">
|
|
<stop stop-color="#FFEC00" offset="0"/>
|
|
<stop stop-color="#E7E842" offset="1"/>
|
|
</radialGradient>
|
|
</defs>
|
|
<filter id="AI_GaussianBlur_4">
|
|
<feGaussianBlur stdDeviation="4"/>
|
|
</filter>
|
|
<filter id="AI_GaussianBlur_2">
|
|
<feGaussianBlur stdDeviation="2"/>
|
|
</filter>
|
|
<g>
|
|
<g id="shadow">
|
|
<circle r="45.5" cy="51" cx="50" fill=""/>
|
|
</g>
|
|
<circle id="skin" fill="url(#skin_1_)" r="47" cy="47" cx="47"/>
|
|
<path id="smile" d="m85.010002,47.389c0,20.936996 -16.830002,37.111 -37.590004,37.111c-20.759998,0 -37.589998,-16.175003 -37.589998,-37.111"/>
|
|
<ellipse id="eye-left" ry="8.962" rx="3.715" cy="27.307" cx="30.026"/>
|
|
<ellipse id="eye-right" ry="8.962" rx="3.715" cy="27.307" cx="64.813"/>
|
|
</g>
|
|
</svg> |