22 lines
6.0 KiB
XML
22 lines
6.0 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
|
||
|
|
<defs>
|
||
|
|
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||
|
|
<use xlink:href="#filterPath" fill="none"/>
|
||
|
|
</clipPath>
|
||
|
|
<path id="filterPath" d="M0.1131,0.9315c-0.0212,0.0037-0.0389,0.0073-0.0601,0.011c-0.0707-0.2813-0.0707-0.5991,0-0.9242c0.0212-0.0037,0.0389-0.011,0.0601-0.011C0.0495,0.3215,0.0495,0.6393,0.1131,0.9315zM0.2297,0.9242c-0.0424-0.3032-0.0424-0.621,0-0.9242c-0.0212,0-0.0459,0-0.0671,0C0.1131,0.3105,0.1131,0.6283,0.1661,0.9279C0.1873,0.9242,0.2085,0.9242,0.2297,0.9242zM0.3498,0.9352C0.3286,0.6283,0.3286,0.3105,0.3498,0.011C0.3251,0.0073,0.3004,0.0037,0.2756,0c-0.0353,0.3032-0.0353,0.621,0,0.9242C0.3004,0.9279,0.3251,0.9315,0.3498,0.9352zM0.47,0.9571c-0.0035-0.3068-0.0035-0.621,0-0.9242c-0.0283-0.0037-0.053-0.011-0.0813-0.0146c-0.0177,0.3032-0.0177,0.6174,0,0.9242C0.417,0.9461,0.4417,0.9498,0.47,0.9571zM0.5901,0.979c0.0141-0.3032,0.0141-0.6174,0-0.9242c-0.0283-0.0037-0.0601-0.011-0.0883-0.0183c0,0.3032,0,0.621,0,0.9242C0.53,0.968,0.5583,0.9753,0.5901,0.979zM0.7102,0.9973c0.0318-0.3032,0.0318-0.6174,0-0.9242c-0.0318-0.0037-0.0636-0.0073-0.0989-0.0146c0.0177,0.3068,0.0177,0.6247,0,0.9242C0.6431,0.99,0.6784,0.9936,0.7102,0.9973zM0.8304,0.9973c0.053-0.3068,0.053-0.6247,0-0.9242c-0.0353,0.0037-0.0707,0-0.106,0c0.0353,0.3068,0.0353,0.6247,0,0.9242C0.7597,1.0009,0.7951,1.0009,0.8304,0.9973zM0.8339,0.9973c0.0389-0.0037,0.0742-0.0073,0.1131-0.0183c0.0707-0.3288,0.0707-0.6429,0-0.9242c-0.0389,0.011-0.0742,0.0146-0.1131,0.0183C0.8869,0.3726,0.8869,0.6904,0.8339,0.9973z"/>
|
||
|
|
<g id="animation">
|
||
|
|
<animate xlink:href="#filterPath" dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||
|
|
values="
|
||
|
|
M0.1131,0.9315c-0.0212,0.0037-0.0389,0.0073-0.0601,0.011c-0.0707-0.2813-0.0707-0.5991,0-0.9242c0.0212-0.0037,0.0389-0.011,0.0601-0.011C0.0495,0.3215,0.0495,0.6393,0.1131,0.9315zM0.2297,0.9242c-0.0424-0.3032-0.0424-0.621,0-0.9242c-0.0212,0-0.0459,0-0.0671,0C0.1131,0.3105,0.1131,0.6283,0.1661,0.9279C0.1873,0.9242,0.2085,0.9242,0.2297,0.9242zM0.3498,0.9352C0.3286,0.6283,0.3286,0.3105,0.3498,0.011C0.3251,0.0073,0.3004,0.0037,0.2756,0c-0.0353,0.3032-0.0353,0.621,0,0.9242C0.3004,0.9279,0.3251,0.9315,0.3498,0.9352zM0.47,0.9571c-0.0035-0.3068-0.0035-0.621,0-0.9242c-0.0283-0.0037-0.053-0.011-0.0813-0.0146c-0.0177,0.3032-0.0177,0.6174,0,0.9242C0.417,0.9461,0.4417,0.9498,0.47,0.9571zM0.5901,0.979c0.0141-0.3032,0.0141-0.6174,0-0.9242c-0.0283-0.0037-0.0601-0.011-0.0883-0.0183c0,0.3032,0,0.621,0,0.9242C0.53,0.968,0.5583,0.9753,0.5901,0.979zM0.7102,0.9973c0.0318-0.3032,0.0318-0.6174,0-0.9242c-0.0318-0.0037-0.0636-0.0073-0.0989-0.0146c0.0177,0.3068,0.0177,0.6247,0,0.9242C0.6431,0.99,0.6784,0.9936,0.7102,0.9973zM0.8304,0.9973c0.053-0.3068,0.053-0.6247,0-0.9242c-0.0353,0.0037-0.0707,0-0.106,0c0.0353,0.3068,0.0353,0.6247,0,0.9242C0.7597,1.0009,0.7951,1.0009,0.8304,0.9973zM0.8339,0.9973c0.0389-0.0037,0.0742-0.0073,0.1131-0.0183c0.0707-0.3288,0.0707-0.6429,0-0.9242c-0.0389,0.011-0.0742,0.0146-0.1131,0.0183C0.8869,0.3726,0.8869,0.6904,0.8339,0.9973z;
|
||
|
|
M0.1131,0.9927c-0.0212-0.0037-0.0389-0.0073-0.0601-0.011c-0.0707-0.3291-0.0707-0.6436,0-0.9252c0.0212,0.0037,0.0389,0.011,0.0601,0.011C0.0495,0.3564,0.0495,0.6745,0.1131,0.9927zM0.2297,1c-0.0424-0.3035-0.0424-0.6217,0-0.9252c-0.0212,0-0.0459,0-0.0671,0c-0.053,0.2999-0.053,0.618,0,0.9252C0.1873,1,0.2085,1,0.2297,1zM0.3498,0.989c-0.0247-0.2999-0.0247-0.618,0-0.9252C0.3251,0.0638,0.3004,0.0675,0.2756,0.0711c-0.0353,0.3072-0.0353,0.6254,0,0.9252C0.3004,0.9927,0.3251,0.9927,0.3498,0.989zM0.47,0.9671c-0.0035-0.3035-0.0035-0.6217,0-0.9252c-0.0283,0.0037-0.053,0.011-0.0813,0.0146c-0.0177,0.3072-0.0177,0.6254,0,0.9252C0.417,0.9781,0.4417,0.9744,0.47,0.9671zM0.5901,0.9451c0.0141-0.3072,0.0141-0.6254,0-0.9252c-0.0283,0.0037-0.0601,0.011-0.0883,0.0183c0,0.3035,0,0.6217,0,0.9252C0.53,0.9561,0.5583,0.9488,0.5901,0.9451zM0.7102,0.9269c0.0318-0.3072,0.0318-0.6254,0-0.9252c-0.0318,0.0037-0.0636,0.0073-0.0989,0.0146c0.0177,0.3035,0.0177,0.618,0,0.9252C0.6431,0.9342,0.6784,0.9305,0.7102,0.9269zM0.8304,0.9269c0.053-0.2999,0.053-0.618,0-0.9252c-0.0353-0.0037-0.0707,0-0.106,0c0.0353,0.3035,0.0353,0.6217,0,0.9252C0.7597,0.9232,0.7951,0.9232,0.8304,0.9269zM0.8339,0.9269c0.0389,0.0037,0.0742,0.0073,0.1131,0.0183c0.0707-0.2816,0.0707-0.5998,0-0.9252c-0.0389-0.011-0.0742-0.0146-0.1131-0.0183C0.8869,0.3088,0.8869,0.627,0.8339,0.9269z;
|
||
|
|
M0.1131,0.9315c-0.0212,0.0037-0.0389,0.0073-0.0601,0.011c-0.0707-0.2813-0.0707-0.5991,0-0.9242c0.0212-0.0037,0.0389-0.011,0.0601-0.011C0.0495,0.3215,0.0495,0.6393,0.1131,0.9315zM0.2297,0.9242c-0.0424-0.3032-0.0424-0.621,0-0.9242c-0.0212,0-0.0459,0-0.0671,0C0.1131,0.3105,0.1131,0.6283,0.1661,0.9279C0.1873,0.9242,0.2085,0.9242,0.2297,0.9242zM0.3498,0.9352C0.3286,0.6283,0.3286,0.3105,0.3498,0.011C0.3251,0.0073,0.3004,0.0037,0.2756,0c-0.0353,0.3032-0.0353,0.621,0,0.9242C0.3004,0.9279,0.3251,0.9315,0.3498,0.9352zM0.47,0.9571c-0.0035-0.3068-0.0035-0.621,0-0.9242c-0.0283-0.0037-0.053-0.011-0.0813-0.0146c-0.0177,0.3032-0.0177,0.6174,0,0.9242C0.417,0.9461,0.4417,0.9498,0.47,0.9571zM0.5901,0.979c0.0141-0.3032,0.0141-0.6174,0-0.9242c-0.0283-0.0037-0.0601-0.011-0.0883-0.0183c0,0.3032,0,0.621,0,0.9242C0.53,0.968,0.5583,0.9753,0.5901,0.979zM0.7102,0.9973c0.0318-0.3032,0.0318-0.6174,0-0.9242c-0.0318-0.0037-0.0636-0.0073-0.0989-0.0146c0.0177,0.3068,0.0177,0.6247,0,0.9242C0.6431,0.99,0.6784,0.9936,0.7102,0.9973zM0.8304,0.9973c0.053-0.3068,0.053-0.6247,0-0.9242c-0.0353,0.0037-0.0707,0-0.106,0c0.0353,0.3068,0.0353,0.6247,0,0.9242C0.7597,1.0009,0.7951,1.0009,0.8304,0.9973zM0.8339,0.9973c0.0389-0.0037,0.0742-0.0073,0.1131-0.0183c0.0707-0.3288,0.0707-0.6429,0-0.9242c-0.0389,0.011-0.0742,0.0146-0.1131,0.0183C0.8869,0.3726,0.8869,0.6904,0.8339,0.9973z"
|
||
|
|
calcMode="spline"
|
||
|
|
keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||
|
|
</g>
|
||
|
|
</defs>
|
||
|
|
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
|
||
|
|
<use xlink:href="#filterPath" fill="darkgrey"/>
|
||
|
|
</svg>
|
||
|
|
<image xlink:href="" clip-path="url(#clip-path)"/>
|
||
|
|
</svg>
|