Добавить ключевой кадр

<?xml version="1.0" encoding="utf-8"?> <svg width="800px" height="800px" viewBox="0 0 22 22" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" id="svg4355" version="1.1" inkscape:version="0.92.1 r15371" sodipodi:docname="dark_keyframe-add.svg"> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="23.05398" inkscape:cx="-12.39849" inkscape:cy="8.8915373" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" width="0px" height="0px" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1884" inkscape:window-height="1051" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:showpageshadow="false"> <inkscape:grid type="xygrid" id="grid4114"/> <sodipodi:guide position="2.0000011,19.999996" orientation="18,0" id="guide4120" inkscape:locked="false"/> <sodipodi:guide position="2.0000011,1.9999962" orientation="0,18" id="guide4122" inkscape:locked="false"/> <sodipodi:guide position="20.000001,1.9999962" orientation="-18,0" id="guide4124" inkscape:locked="false"/> <sodipodi:guide position="20.000001,19.999996" orientation="0,-18" id="guide4126" inkscape:locked="false"/> <sodipodi:guide position="3.0000011,18.999996" orientation="16,0" id="guide4128" inkscape:locked="false"/> <sodipodi:guide position="3.0000011,2.9999962" orientation="0,16" id="guide4130" inkscape:locked="false"/> <sodipodi:guide position="19.000001,2.9999962" orientation="-16,0" id="guide4132" inkscape:locked="false"/> <sodipodi:guide position="19.000001,18.999996" orientation="0,-16" id="guide4134" inkscape:locked="false"/> </sodipodi:namedview> <metadata id="metadata4360"> <rdf:RDF> <cc:Work> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> <dc:title/> <dc:date>2016</dc:date> <dc:creator> <cc:Agent> <dc:title>Timothée Giet</dc:title> </cc:Agent> </dc:creator> <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"/> </cc:Work> <cc:License rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"> <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/> <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/> <cc:requires rdf:resource="http://creativecommons.org/ns#Notice"/> <cc:requires rdf:resource="http://creativecommons.org/ns#Attribution"/> <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/> <cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike"/> </cc:License> </rdf:RDF> </metadata> <g inkscape:label="Capa 1" inkscape:groupmode="layer" id="layer1" transform="translate(-544.571 -742.934)"> <path style="fill:#373737;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" d="m18 3-4.361 4.361a4.5 4.5 0 0 1 1 1L19 4V3h-1zM7.361 13.639 3 18v1h1l4.361-4.361a4.5 4.5 0 0 1-1-1z" transform="translate(544.571 742.934)" id="path4147"/> <circle style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#373737;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" id="path4149" cx="555.57141" cy="753.93359" r="2"/> <rect style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#373737;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" id="rect4194" width="8.000001" height="2.0000038" x="556.57141" y="758.93359"/> <rect style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#373737;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" id="rect4194-7" width="8.000001" height="2.0000038" x="755.93359" y="-561.57141" transform="rotate(90)"/> </g> </svg>