Tweak animations to run one time

This commit is contained in:
ful1e5 2021-02-20 19:33:06 +05:30
parent 3116d8f50d
commit 027b2be19b
2 changed files with 10 additions and 10 deletions

View file

@ -18,24 +18,24 @@
<g transform="scale(0.74)">
<g transform="translate(-50 -50)">
<g transform="rotate(246.039 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
<animateTransform attributeName="transform" type="rotate" repeatCount="4"
values="0 50 50;360 50 50" keyTimes="0;1" dur="0.7575757575757576s"></animateTransform>
<path fill-opacity="0.8" fill="#f05125" d="M50 50L50 0A50 50 0 0 1 100 50Z"></path>
</g>
<g transform="rotate(274.52 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
<animateTransform attributeName="transform" type="rotate" repeatCount="3"
values="0 50 50;360 50 50" keyTimes="0;1" dur="1.0101010101010102s"></animateTransform>
<path fill-opacity="0.8" fill="#fdb813" d="M50 50L50 0A50 50 0 0 1 100 50Z"
transform="rotate(90 50 50)"></path>
</g>
<g transform="rotate(303.015 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
<animateTransform attributeName="transform" type="rotate" repeatCount="2"
values="0 50 50;360 50 50" keyTimes="0;1" dur="1.5151515151515151s"></animateTransform>
<path fill-opacity="0.8" fill="#7fbb42" d="M50 50L50 0A50 50 0 0 1 100 50Z"
transform="rotate(180 50 50)"></path>
</g>
<g transform="rotate(331.507 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
<animateTransform attributeName="transform" type="rotate" repeatCount="1"
values="0 50 50;360 50 50" keyTimes="0;1" dur="3.0303030303030303s"></animateTransform>
<path fill-opacity="0.8" fill="#32a0da" d="M50 50L50 0A50 50 0 0 1 100 50Z"
transform="rotate(270 50 50)"></path>
@ -66,4 +66,4 @@
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
</filter>
</defs>
</svg>
</svg>

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

Before After
Before After

View file

@ -11,24 +11,24 @@
<g transform="scale(1.3)">
<g transform="translate(-50 -50)">
<g transform="rotate(246.039 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
<animateTransform attributeName="transform" type="rotate" repeatCount="4"
values="0 50 50;360 50 50" keyTimes="0;1" dur="0.7575757575757576s"></animateTransform>
<path fill-opacity="0.8" fill="#f05125" d="M50 50L50 0A50 50 0 0 1 100 50Z"></path>
</g>
<g transform="rotate(274.52 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
<animateTransform attributeName="transform" type="rotate" repeatCount="3"
values="0 50 50;360 50 50" keyTimes="0;1" dur="1.0101010101010102s"></animateTransform>
<path fill-opacity="0.8" fill="#fdb813" d="M50 50L50 0A50 50 0 0 1 100 50Z"
transform="rotate(90 50 50)"></path>
</g>
<g transform="rotate(303.015 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
<animateTransform attributeName="transform" type="rotate" repeatCount="2"
values="0 50 50;360 50 50" keyTimes="0;1" dur="1.5151515151515151s"></animateTransform>
<path fill-opacity="0.8" fill="#7fbb42" d="M50 50L50 0A50 50 0 0 1 100 50Z"
transform="rotate(180 50 50)"></path>
</g>
<g transform="rotate(331.507 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
<animateTransform attributeName="transform" type="rotate" repeatCount="1"
values="0 50 50;360 50 50" keyTimes="0;1" dur="3.0303030303030303s"></animateTransform>
<path fill-opacity="0.8" fill="#32a0da" d="M50 50L50 0A50 50 0 0 1 100 50Z"
transform="rotate(270 50 50)"></path>
@ -48,4 +48,4 @@
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
</filter>
</defs>
</svg>
</svg>

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After