Мне нужно анимировать элемент SVG, чтобы шестерня вращалась вокруг своей оси. Но я ошибаюсь.
& l t ; p a t h i d = & q u o t ; g e a r - 1 & q u o t ; < b r / > d = & q u o t ; M 4 9 . 5 6 0 . 3 2 8 3 C 4 7 . 2 9 0 4 6 0 . 3 2 8 3 4 5 . 1 3 0 4 6 0 . 9 8 3 5 4 3 . 2 9 3 2 6 2 . 2 1 1 1 C 4 1 . 4 5 6 6 3 . 4 3 8 7 4 0 . 0 2 4 1 6 5 . 1 8 3 5 3 9 . 1 7 8 5 6 7 . 2 2 4 9 C 3 8 . 3 3 3 6 9 . 2 6 6 3 3 8 . 1 1 1 7 7 1 . 5 1 2 6 3 8 . 5 4 2 8 7 3 . 6 7 9 7 C 3 8 . 9 7 3 9 7 5 . 8 4 6 8 4 0 . 0 3 7 9 7 7 . 8 3 7 5 4 1 . 6 0 0 3 7 9 . 3 9 9 9 C 4 3 . 1 6 2 7 8 0 . 9 6 2 3 4 5 . 1 5 3 3 8 2 . 0 2 6 3 4 7 . 3 2 0 5 8 2 . 4 5 7 4 C 4 9 . 4 8 7 6 8 2 . 8 8 8 5 5 1 . 7 3 3 9 8 2 . 6 6 7 2 5 3 . 7 7 5 3 8 1 . 8 2 1 7 C 5 5 . 8 1 6 7 8 0 . 9 7 6 1 5 7 . 5 6 1 5 7 9 . 5 4 4 2 5 8 . 7 8 9 1 7 7 . 7 0 6 9 C 6 0 . 0 1 6 7 7 5 . 8697 60.6719 73.7098 60.6719 71.5002C60.6685 68.5383 59.4904 65.6986 57.396 63.6042C55.3016 61.5098 52.4619 60.3317 49.5 60.3283ZM49.5 80.6408C47.6922 80.6408 45.9249 80.1047 44.4217 79.1003C42.9186 78.096 41.747 76.6684 41.0552 74.9982C40.3633 73.3279 40.1823 71.49 40.535 69.7169C40.8877 67.9438 41.7583 66.3151 43.0366 65.0368C44.3149 63.7585 45.9436 62.8879 47.7168 62.5352C49.4899 62.1825 51.3277 62.3635 52.998 63.0554C54.6682 63.7472 56.0958 64.9188 57.1002 66.4219C58.1045 67.9251 58.6406 69.6923 58.6406 71.5002C58.6406 73.9244 57.6776 76.2494 55.9634 77.9636C54.2492 79.6778 51.9243 80.6408 49.5 80.6408ZM70.8104 72.3914C70.8324 71.7973 70.8324 71.2048 70.8104 70.6141L74.8297 65.5893C74.9294 65.4652 74.9987 65.3195 75.0317 65.1638C75.0648 65.0081 75.0608 64.8468 75.0201 64.693C74.4187 62.4439 73.5213 60.2846 72.3516 58.2717C72.2732 58.1333 72.1635 58.0153 72.0312 57.9271C71.8989 57.8389 71.7477 57.783 71.5898 57.7639L65.194 57.0529C64.7916 56.6177 64.3724 56.1984 63.9371 55.7961L63.2287 49.4103C63.2096 49.2525 63.1537 49.1013 63.0655 48.969C62.9773 48.8367 62.8593 48.727 62.7209 48.6486C60.7105 47.4816 58.5548 46.5852 56.3098 45.9826C56.1561 45.9416 55.9949 45.9372 55.8392 45.9698C55.6836 46.0024 55.5377 46.0712 55.4135 46.1705L50.3912 50.1898C49.7971 50.1661 49.2046 50.1661 48.6139 50.1898L43.584 46.1705C43.46 46.0707 43.3142 46.0015 43.1585 45.9685C43.0029 45.9354 42.8416 45.9394 42.6877 45.9801C40.4404 46.5819 38.2828 47.4793 36.2715 48.6486C36.1331 48.727 36.0151 48.8367 35.9269 48.969C35.8387 49.1013 35.7828 49.2525 35.7637 49.4103L35.0527 55.8062C34.6175 56.2085 34.1982 56.6278 33.7959 57.0631L27.4102 57.7715C27.2523 57.7906 27.1011 57.8465 26.9688 57.9347C26.8365 58.0229 26.7268 58.1409 26.6484 58.2793C25.4815 60.2897 24.585 62.4453 23.9824 64.6904C23.9414 64.8441 23.937 65.0053 23.9696 65.1609C24.0023 65.3166 24.071 65.4625 24.1703 65.5867L28.1897 70.609C28.166 71.2031 28.166 71.7956 28.1897 72.3863L24.1703 77.4162C24.0706 77.5402 24.0014 77.686 23.9683 77.8417C23.9352 77.9973 23.9392 78.1586 23.9799 78.3125C24.5817 80.5598 25.4791 82.7174 26.6484 84.7287C26.7268 84.8671 26.8365 84.9851 26.9688 85.0733C27.1011 85.1615 27.2523 85.2174 27.4102 85.2365L33.8061 85.9475C34.2072 86.3816 34.6287 86.8031 35.0629 87.2043L35.7738 93.6027C35.7929 93.7606 35.8488 93.9117 35.937 94.0441C36.0252 94.1764 36.1433 94.2861 36.2816 94.3644C38.2949 95.5285 40.4532 96.4215 42.7004 97.0203C42.8541 97.0614 43.0152 97.0657 43.1709 97.0331C43.3266 97.0005 43.4724 96.9317 43.5967 96.8324L48.619 92.8131C49.2131 92.8351 49.8055 92.8351 50.3963 92.8131L55.4211 96.8324C55.6012 96.9769 55.825 97.0557 56.0559 97.0559C56.1416 97.0556 56.2269 97.0445 56.3098 97.0228C58.5581 96.4204 60.7165 95.5222 62.7285 94.3518C62.8669 94.2734 62.9849 94.1637 63.0731 94.0314C63.1613 93.8991 63.2172 93.7479 63.2363 93.59L63.9473 87.1941C64.3814 86.793 64.8029 86.3715 65.2041 85.9373L71.6025 85.2264C71.7604 85.2073 71.9116 85.1513 72.0439 85.0631C72.1762 84.9749 72.2859 84.8569 72.3643 84.7185C73.5283 82.7053 74.4213 80.547 75.0201 78.2998C75.0612 78.1461 75.0656 77.985 75.0329 77.8293C75.0003 77.6736 74.9316 77.5278 74.8322 77.4035L70.8104 72.3914ZM70.8535 83.2662L64.5897 83.9619C64.3398 83.9896 64.1091 84.1091 63.9422 84.2971C63.4274 84.8781 62.8779 85.4275 62.2969 85.9424C62.1089 86.1093 61.9895 86.34 61.9617 86.5898L61.266 92.8512C59.686 93.7244 58.0134 94.4185 56.2793 94.9205L51.3586 90.9824C51.1782 90.8389 50.9544 90.761 50.7238 90.7615H50.6629C49.8884 90.8095 49.1116 90.8095 48.3371 90.7615C48.0859 90.7464 47.8379 90.8251 47.6414 90.9824L42.7232 94.918C40.9884 94.4182 39.3149 93.7258 37.734 92.8537L37.0383 86.5898C37.0106 86.34 36.8911 86.1093 36.7031 85.9424C36.1221 85.4275 35.5727 84.8781 35.0578 84.2971C34.8909 84.1091 34.6602 83.9896 34.4104 83.9619L28.149 83.2662C27.2758 81.6862 26.5817 80.0136 26.0797 78.2795L30.0178 73.3588C30.1751 73.1623 30.2538 72.9143 30.2387 72.6631C30.1931 71.8885 30.1931 71.1119 30.2387 70.3373C30.2538 70.086 30.1751 69.8381 30.0178 69.6416L26.0822 64.7234C26.582 62.9885 27.2744 61.315 28.1465 59.7342L34.4104 59.0385C34.6602 59.0107 34.8909 58.8913 35.0578 58.7033C35.5727 58.1223 36.1221 57.5728 36.7031 57.058C36.8911 56.8911 37.0106 56.6604 37.0383 56.4105L37.734 50.1492C39.314 49.276 40.9866 48.5819 42.7207 48.0799L47.6414 52.018C47.8379 52.1753 48.0859 52.254 48.3371 52.2389C49.1116 52.1908 49.8884 52.1908 50.6629 52.2389C50.9142 52.254 51.1621 52.1753 51.3586 52.018L56.2768 48.0824C58.0117 48.5822 59.6852 49.2746 61.266 50.1467L61.9617 56.4105C61.9895 56.6604 62.1089 56.8911 62.2969 57.058C62.8779 57.5728 63.4274 58.1223 63.9422 58.7033C64.1091 58.8913 64.3398 59.0107 64.5897 59.0385L70.851 59.7342C71.7242 61.3142 72.4183 62.9868 72.9203 64.7209L68.9822 69.6416C68.8249 69.8381 68.7462 70.086 68.7613 70.3373C68.8069 71.1119 68.8069 71.8885 68.7613 72.6631C68.7462 72.9143 68.8249 73.1623 68.9822 73.3588L72.9178 78.2769C72.418 80.0118 71.7256 81.6853 70.8535 83.2662Z"
fill="black" / & g t ; < b r / > & l t ; p a t h < b r / > d = & q u o t ; M 1 1 5 3 0 . 1 8 7 2 C 1 1 1 . 8 7 3 3 0 . 1 8 7 2 1 0 8 . 8 1 5 3 1 . 1 1 4 5 1 0 6 . 2 1 5 3 2 . 8 5 2 C 1 0 3 . 6 1 5 3 4 . 5 8 9 5 1 0 1 . 5 8 8 3 7 . 0 5 9 1 1 0 0 . 3 9 1 3 9 . 9 4 8 5 C 9 9 . 1 9 4 4 4 2 . 8 3 7 8 9 8 . 8 8 1 2 4 6 . 0 1 7 2 9 9 . 4 9 1 4 4 9 . 0 8 4 5 C 1 0 0 . 1 0 1 5 2 . 1 5 1 8 1 0 1 . 6 0 7 5 4 . 9 6 9 4 1 0 3 . 8 1 9 5 7 . 1 8 0 8 C 1 0 6 . 0 3 5 9 . 3 9 2 2 1 0 8 . 8 4 8 6 0 . 8 9 8 2 1 1 1 . 9 1 5 6 1 . 5 0 8 3 C 1 1 4 . 9 8 2 6 2 . 1 1 8 5 1 1 8 . 1 6 2 6 1 . 8 0 5 3 1 2 1 . 0 5 1 6 0 . 6 0 8 5 C 1 2 3 . 9 4 1 5 9 . 4 1 1 7 1 2 6 . 4 1 5 7 . 3 8 5 1 2 8 . 1 4 8 5 4 . 7 8 4 6 C 1 2 9 . 8 8 5 5 2 . 1843 130.813 49.1271 130.813 45.9997C130.808 41.8074 129.14 37.7882 126.176 34.8238C123.212 31.8594 119.192 30.1919 115 30.1872ZM115 58.9372C112.441 58.9372 109.94 58.1784 107.812 56.7568C105.685 55.3352 104.027 53.3146 103.047 50.9506C102.068 48.5866 101.812 45.9853 102.311 43.4757C102.81 40.966 104.042 38.6608 105.852 36.8515C107.661 35.0421 109.966 33.8099 112.476 33.3107C114.986 32.8115 117.587 33.0678 119.951 34.047C122.315 35.0262 124.336 36.6844 125.757 38.812C127.179 40.9395 127.938 43.4409 127.938 45.9997C127.938 49.4309 126.574 52.7216 124.148 55.1478C121.722 57.5741 118.431 58.9372 115 58.9372ZM145.162 47.2611C145.194 46.4201 145.194 45.5816 145.162 44.7454L150.851 37.6334C150.992 37.4579 151.09 37.2516 151.137 37.0312C151.184 36.8109 151.178 36.5826 151.121 36.3648C150.27 33.1815 148.999 30.1253 147.344 27.2762C147.233 27.0804 147.078 26.9133 146.89 26.7885C146.703 26.6636 146.489 26.5845 146.266 26.5575L137.213 25.5512C136.644 24.9351 136.05 24.3417 135.434 23.7723L134.431 14.734C134.404 14.5106 134.325 14.2966 134.2 14.1094C134.076 13.9221 133.909 13.7668 133.713 13.6559C130.867 12.0042 127.816 10.7354 124.638 9.88246C124.421 9.82435 124.193 9.81814 123.972 9.86434C123.752 9.91053 123.546 10.0078 123.37 10.1484L116.261 15.8373C115.42 15.8038 114.582 15.8038 113.746 15.8373L106.627 10.1484C106.451 10.0072 106.245 9.90926 106.024 9.86244C105.804 9.81562 105.576 9.82125 105.358 9.87887C102.177 10.7307 99.1234 12.0008 96.2766 13.6559C96.0807 13.7668 95.9137 13.9221 95.7888 14.1094C95.664 14.2966 95.5849 14.5106 95.5578 14.734L94.5516 23.7867C93.9355 24.3561 93.3421 24.9495 92.7727 25.5656L83.7344 26.5682C83.511 26.5953 83.297 26.6744 83.1098 26.7993C82.9225 26.9241 82.7672 27.0912 82.6563 27.287C81.0045 30.1325 79.7358 33.1836 78.8828 36.3612C78.8247 36.5787 78.8185 36.8068 78.8647 37.0272C78.9109 37.2475 79.0082 37.454 79.1488 37.6298L84.8377 44.7382C84.8041 45.5792 84.8041 46.4177 84.8377 47.2539L79.1488 54.3731C79.0076 54.5486 78.9096 54.7549 78.8628 54.9753C78.816 55.1956 78.8216 55.4239 78.8792 55.6417C79.7311 58.8225 81.0012 61.8763 82.6563 64.7231C82.7672 64.9189 82.9225 65.086 83.1098 65.2108C83.297 65.3357 83.511 65.4148 83.7344 65.4418L92.787 66.4481C93.3549 67.0626 93.9514 67.6592 94.566 68.227L95.5722 77.2833C95.5993 77.5067 95.6784 77.7206 95.8032 77.9079C95.9281 78.0952 96.0951 78.2505 96.291 78.3614C99.1405 80.009 102.195 81.2729 105.376 82.1204C105.593 82.1785 105.822 82.1848 106.042 82.1386C106.262 82.0924 106.469 81.9951 106.645 81.8545L113.753 76.1656C114.594 76.1967 115.432 76.1967 116.269 76.1656L123.381 81.8545C123.635 82.059 123.952 82.1705 124.279 82.1707C124.4 82.1704 124.521 82.1547 124.638 82.124C127.821 81.2713 130.876 80 133.723 78.3434C133.919 78.2325 134.086 78.0772 134.211 77.8899C134.336 77.7027 134.415 77.4887 134.442 77.2653L135.448 68.2126C136.063 67.6448 136.66 67.0482 137.227 66.4337L146.284 65.4275C146.507 65.4004 146.721 65.3213 146.908 65.1965C147.096 65.0716 147.251 64.9046 147.362 64.7087C149.009 61.8591 150.273 58.8044 151.121 55.6237C151.179 55.4062 151.185 55.1781 151.139 54.9577C151.093 54.7374 150.995 54.531 150.855 54.3551L145.162 47.2611ZM145.223 62.6531L136.358 63.6378C136.004 63.677 135.677 63.8461 135.441 64.1122C134.713 64.9345 133.935 65.7122 133.113 66.4409C132.846 66.6771 132.677 67.0037 132.638 67.3573L131.653 76.2195C129.417 77.4555 127.05 78.4379 124.595 79.1484L117.631 73.5745C117.375 73.3713 117.058 73.2611 116.732 73.2618H116.646C115.55 73.3298 114.45 73.3298 113.354 73.2618C112.998 73.2404 112.648 73.3519 112.369 73.5745L105.408 79.1448C102.953 78.4374 100.584 77.4574 98.3466 76.2231L97.3619 67.3573C97.3226 67.0037 97.1536 66.6771 96.8875 66.4409C96.0651 65.7122 95.2875 64.9345 94.5588 64.1122C94.3225 63.8461 93.996 63.677 93.6424 63.6378L84.7802 62.6531C83.5442 60.4167 82.5618 58.0494 81.8513 55.595L87.4252 48.6303C87.6478 48.3521 87.7592 48.0012 87.7378 47.6456C87.6733 46.5492 87.6733 45.4501 87.7378 44.3537C87.7592 43.9981 87.6478 43.6472 87.4252 43.369L81.8549 36.4079C82.5623 33.9524 83.5423 31.5838 84.7766 29.3462L93.6424 28.3615C93.996 28.3223 94.3225 28.1532 94.5588 27.8872C95.2875 27.0648 96.0651 26.2871 96.8875 25.5584C97.1536 25.3222 97.3226 24.9956 97.3619 24.642L98.3466 15.7798C100.583 14.5438 102.95 13.5614 105.405 12.8509L112.369 18.4248C112.648 18.6475 112.998 18.7589 113.354 18.7375C114.45 18.6695 115.55 18.6695 116.646 18.7375C117.002 18.7589 117.353 18.6475 117.631 18.4248L124.592 12.8545C127.047 13.5619 129.416 14.5419 131.653 15.7762L132.638 24.642C132.677 24.9956 132.846 25.3222 133.113 25.5584C133.935 26.2871 134.713 27.0648 135.441 27.8872C135.677 28.1532 136.004 28.3223 136.358 28.3615L145.22 29.3462C146.456 31.5826 147.438 33.9499 148.149 36.4043L142.575 43.369C142.352 43.6472 142.241 43.9981 142.262 44.3537C142.327 45.4501 142.327 46.5492 142.262 47.6456C142.241 48.0012 142.352 48.3521 142.575 48.6303L148.145 55.5914C147.438 58.0469 146.458 60.4156 145.223 62.6531Z"
fill="#423F3F" />
svg #gear-1 {
animation: rotateforward 2s ease 0s infinite normal forwards;
}
@keyframes rotateforward {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
Подробнее здесь: https://stackoverflow.com/questions/798 ... -animation
Анимация поворота пути Svg ⇐ CSS
Разбираемся в CSS
1765959319
Anonymous
Мне нужно анимировать элемент SVG, чтобы шестерня вращалась вокруг своей оси. Но я ошибаюсь.
& l t ; p a t h i d = & q u o t ; g e a r - 1 & q u o t ; < b r / > d = & q u o t ; M 4 9 . 5 6 0 . 3 2 8 3 C 4 7 . 2 9 0 4 6 0 . 3 2 8 3 4 5 . 1 3 0 4 6 0 . 9 8 3 5 4 3 . 2 9 3 2 6 2 . 2 1 1 1 C 4 1 . 4 5 6 6 3 . 4 3 8 7 4 0 . 0 2 4 1 6 5 . 1 8 3 5 3 9 . 1 7 8 5 6 7 . 2 2 4 9 C 3 8 . 3 3 3 6 9 . 2 6 6 3 3 8 . 1 1 1 7 7 1 . 5 1 2 6 3 8 . 5 4 2 8 7 3 . 6 7 9 7 C 3 8 . 9 7 3 9 7 5 . 8 4 6 8 4 0 . 0 3 7 9 7 7 . 8 3 7 5 4 1 . 6 0 0 3 7 9 . 3 9 9 9 C 4 3 . 1 6 2 7 8 0 . 9 6 2 3 4 5 . 1 5 3 3 8 2 . 0 2 6 3 4 7 . 3 2 0 5 8 2 . 4 5 7 4 C 4 9 . 4 8 7 6 8 2 . 8 8 8 5 5 1 . 7 3 3 9 8 2 . 6 6 7 2 5 3 . 7 7 5 3 8 1 . 8 2 1 7 C 5 5 . 8 1 6 7 8 0 . 9 7 6 1 5 7 . 5 6 1 5 7 9 . 5 4 4 2 5 8 . 7 8 9 1 7 7 . 7 0 6 9 C 6 0 . 0 1 6 7 7 5 . 8697 60.6719 73.7098 60.6719 71.5002C60.6685 68.5383 59.4904 65.6986 57.396 63.6042C55.3016 61.5098 52.4619 60.3317 49.5 60.3283ZM49.5 80.6408C47.6922 80.6408 45.9249 80.1047 44.4217 79.1003C42.9186 78.096 41.747 76.6684 41.0552 74.9982C40.3633 73.3279 40.1823 71.49 40.535 69.7169C40.8877 67.9438 41.7583 66.3151 43.0366 65.0368C44.3149 63.7585 45.9436 62.8879 47.7168 62.5352C49.4899 62.1825 51.3277 62.3635 52.998 63.0554C54.6682 63.7472 56.0958 64.9188 57.1002 66.4219C58.1045 67.9251 58.6406 69.6923 58.6406 71.5002C58.6406 73.9244 57.6776 76.2494 55.9634 77.9636C54.2492 79.6778 51.9243 80.6408 49.5 80.6408ZM70.8104 72.3914C70.8324 71.7973 70.8324 71.2048 70.8104 70.6141L74.8297 65.5893C74.9294 65.4652 74.9987 65.3195 75.0317 65.1638C75.0648 65.0081 75.0608 64.8468 75.0201 64.693C74.4187 62.4439 73.5213 60.2846 72.3516 58.2717C72.2732 58.1333 72.1635 58.0153 72.0312 57.9271C71.8989 57.8389 71.7477 57.783 71.5898 57.7639L65.194 57.0529C64.7916 56.6177 64.3724 56.1984 63.9371 55.7961L63.2287 49.4103C63.2096 49.2525 63.1537 49.1013 63.0655 48.969C62.9773 48.8367 62.8593 48.727 62.7209 48.6486C60.7105 47.4816 58.5548 46.5852 56.3098 45.9826C56.1561 45.9416 55.9949 45.9372 55.8392 45.9698C55.6836 46.0024 55.5377 46.0712 55.4135 46.1705L50.3912 50.1898C49.7971 50.1661 49.2046 50.1661 48.6139 50.1898L43.584 46.1705C43.46 46.0707 43.3142 46.0015 43.1585 45.9685C43.0029 45.9354 42.8416 45.9394 42.6877 45.9801C40.4404 46.5819 38.2828 47.4793 36.2715 48.6486C36.1331 48.727 36.0151 48.8367 35.9269 48.969C35.8387 49.1013 35.7828 49.2525 35.7637 49.4103L35.0527 55.8062C34.6175 56.2085 34.1982 56.6278 33.7959 57.0631L27.4102 57.7715C27.2523 57.7906 27.1011 57.8465 26.9688 57.9347C26.8365 58.0229 26.7268 58.1409 26.6484 58.2793C25.4815 60.2897 24.585 62.4453 23.9824 64.6904C23.9414 64.8441 23.937 65.0053 23.9696 65.1609C24.0023 65.3166 24.071 65.4625 24.1703 65.5867L28.1897 70.609C28.166 71.2031 28.166 71.7956 28.1897 72.3863L24.1703 77.4162C24.0706 77.5402 24.0014 77.686 23.9683 77.8417C23.9352 77.9973 23.9392 78.1586 23.9799 78.3125C24.5817 80.5598 25.4791 82.7174 26.6484 84.7287C26.7268 84.8671 26.8365 84.9851 26.9688 85.0733C27.1011 85.1615 27.2523 85.2174 27.4102 85.2365L33.8061 85.9475C34.2072 86.3816 34.6287 86.8031 35.0629 87.2043L35.7738 93.6027C35.7929 93.7606 35.8488 93.9117 35.937 94.0441C36.0252 94.1764 36.1433 94.2861 36.2816 94.3644C38.2949 95.5285 40.4532 96.4215 42.7004 97.0203C42.8541 97.0614 43.0152 97.0657 43.1709 97.0331C43.3266 97.0005 43.4724 96.9317 43.5967 96.8324L48.619 92.8131C49.2131 92.8351 49.8055 92.8351 50.3963 92.8131L55.4211 96.8324C55.6012 96.9769 55.825 97.0557 56.0559 97.0559C56.1416 97.0556 56.2269 97.0445 56.3098 97.0228C58.5581 96.4204 60.7165 95.5222 62.7285 94.3518C62.8669 94.2734 62.9849 94.1637 63.0731 94.0314C63.1613 93.8991 63.2172 93.7479 63.2363 93.59L63.9473 87.1941C64.3814 86.793 64.8029 86.3715 65.2041 85.9373L71.6025 85.2264C71.7604 85.2073 71.9116 85.1513 72.0439 85.0631C72.1762 84.9749 72.2859 84.8569 72.3643 84.7185C73.5283 82.7053 74.4213 80.547 75.0201 78.2998C75.0612 78.1461 75.0656 77.985 75.0329 77.8293C75.0003 77.6736 74.9316 77.5278 74.8322 77.4035L70.8104 72.3914ZM70.8535 83.2662L64.5897 83.9619C64.3398 83.9896 64.1091 84.1091 63.9422 84.2971C63.4274 84.8781 62.8779 85.4275 62.2969 85.9424C62.1089 86.1093 61.9895 86.34 61.9617 86.5898L61.266 92.8512C59.686 93.7244 58.0134 94.4185 56.2793 94.9205L51.3586 90.9824C51.1782 90.8389 50.9544 90.761 50.7238 90.7615H50.6629C49.8884 90.8095 49.1116 90.8095 48.3371 90.7615C48.0859 90.7464 47.8379 90.8251 47.6414 90.9824L42.7232 94.918C40.9884 94.4182 39.3149 93.7258 37.734 92.8537L37.0383 86.5898C37.0106 86.34 36.8911 86.1093 36.7031 85.9424C36.1221 85.4275 35.5727 84.8781 35.0578 84.2971C34.8909 84.1091 34.6602 83.9896 34.4104 83.9619L28.149 83.2662C27.2758 81.6862 26.5817 80.0136 26.0797 78.2795L30.0178 73.3588C30.1751 73.1623 30.2538 72.9143 30.2387 72.6631C30.1931 71.8885 30.1931 71.1119 30.2387 70.3373C30.2538 70.086 30.1751 69.8381 30.0178 69.6416L26.0822 64.7234C26.582 62.9885 27.2744 61.315 28.1465 59.7342L34.4104 59.0385C34.6602 59.0107 34.8909 58.8913 35.0578 58.7033C35.5727 58.1223 36.1221 57.5728 36.7031 57.058C36.8911 56.8911 37.0106 56.6604 37.0383 56.4105L37.734 50.1492C39.314 49.276 40.9866 48.5819 42.7207 48.0799L47.6414 52.018C47.8379 52.1753 48.0859 52.254 48.3371 52.2389C49.1116 52.1908 49.8884 52.1908 50.6629 52.2389C50.9142 52.254 51.1621 52.1753 51.3586 52.018L56.2768 48.0824C58.0117 48.5822 59.6852 49.2746 61.266 50.1467L61.9617 56.4105C61.9895 56.6604 62.1089 56.8911 62.2969 57.058C62.8779 57.5728 63.4274 58.1223 63.9422 58.7033C64.1091 58.8913 64.3398 59.0107 64.5897 59.0385L70.851 59.7342C71.7242 61.3142 72.4183 62.9868 72.9203 64.7209L68.9822 69.6416C68.8249 69.8381 68.7462 70.086 68.7613 70.3373C68.8069 71.1119 68.8069 71.8885 68.7613 72.6631C68.7462 72.9143 68.8249 73.1623 68.9822 73.3588L72.9178 78.2769C72.418 80.0118 71.7256 81.6853 70.8535 83.2662Z"
fill="black" / & g t ; < b r / > & l t ; p a t h < b r / > d = & q u o t ; M 1 1 5 3 0 . 1 8 7 2 C 1 1 1 . 8 7 3 3 0 . 1 8 7 2 1 0 8 . 8 1 5 3 1 . 1 1 4 5 1 0 6 . 2 1 5 3 2 . 8 5 2 C 1 0 3 . 6 1 5 3 4 . 5 8 9 5 1 0 1 . 5 8 8 3 7 . 0 5 9 1 1 0 0 . 3 9 1 3 9 . 9 4 8 5 C 9 9 . 1 9 4 4 4 2 . 8 3 7 8 9 8 . 8 8 1 2 4 6 . 0 1 7 2 9 9 . 4 9 1 4 4 9 . 0 8 4 5 C 1 0 0 . 1 0 1 5 2 . 1 5 1 8 1 0 1 . 6 0 7 5 4 . 9 6 9 4 1 0 3 . 8 1 9 5 7 . 1 8 0 8 C 1 0 6 . 0 3 5 9 . 3 9 2 2 1 0 8 . 8 4 8 6 0 . 8 9 8 2 1 1 1 . 9 1 5 6 1 . 5 0 8 3 C 1 1 4 . 9 8 2 6 2 . 1 1 8 5 1 1 8 . 1 6 2 6 1 . 8 0 5 3 1 2 1 . 0 5 1 6 0 . 6 0 8 5 C 1 2 3 . 9 4 1 5 9 . 4 1 1 7 1 2 6 . 4 1 5 7 . 3 8 5 1 2 8 . 1 4 8 5 4 . 7 8 4 6 C 1 2 9 . 8 8 5 5 2 . 1843 130.813 49.1271 130.813 45.9997C130.808 41.8074 129.14 37.7882 126.176 34.8238C123.212 31.8594 119.192 30.1919 115 30.1872ZM115 58.9372C112.441 58.9372 109.94 58.1784 107.812 56.7568C105.685 55.3352 104.027 53.3146 103.047 50.9506C102.068 48.5866 101.812 45.9853 102.311 43.4757C102.81 40.966 104.042 38.6608 105.852 36.8515C107.661 35.0421 109.966 33.8099 112.476 33.3107C114.986 32.8115 117.587 33.0678 119.951 34.047C122.315 35.0262 124.336 36.6844 125.757 38.812C127.179 40.9395 127.938 43.4409 127.938 45.9997C127.938 49.4309 126.574 52.7216 124.148 55.1478C121.722 57.5741 118.431 58.9372 115 58.9372ZM145.162 47.2611C145.194 46.4201 145.194 45.5816 145.162 44.7454L150.851 37.6334C150.992 37.4579 151.09 37.2516 151.137 37.0312C151.184 36.8109 151.178 36.5826 151.121 36.3648C150.27 33.1815 148.999 30.1253 147.344 27.2762C147.233 27.0804 147.078 26.9133 146.89 26.7885C146.703 26.6636 146.489 26.5845 146.266 26.5575L137.213 25.5512C136.644 24.9351 136.05 24.3417 135.434 23.7723L134.431 14.734C134.404 14.5106 134.325 14.2966 134.2 14.1094C134.076 13.9221 133.909 13.7668 133.713 13.6559C130.867 12.0042 127.816 10.7354 124.638 9.88246C124.421 9.82435 124.193 9.81814 123.972 9.86434C123.752 9.91053 123.546 10.0078 123.37 10.1484L116.261 15.8373C115.42 15.8038 114.582 15.8038 113.746 15.8373L106.627 10.1484C106.451 10.0072 106.245 9.90926 106.024 9.86244C105.804 9.81562 105.576 9.82125 105.358 9.87887C102.177 10.7307 99.1234 12.0008 96.2766 13.6559C96.0807 13.7668 95.9137 13.9221 95.7888 14.1094C95.664 14.2966 95.5849 14.5106 95.5578 14.734L94.5516 23.7867C93.9355 24.3561 93.3421 24.9495 92.7727 25.5656L83.7344 26.5682C83.511 26.5953 83.297 26.6744 83.1098 26.7993C82.9225 26.9241 82.7672 27.0912 82.6563 27.287C81.0045 30.1325 79.7358 33.1836 78.8828 36.3612C78.8247 36.5787 78.8185 36.8068 78.8647 37.0272C78.9109 37.2475 79.0082 37.454 79.1488 37.6298L84.8377 44.7382C84.8041 45.5792 84.8041 46.4177 84.8377 47.2539L79.1488 54.3731C79.0076 54.5486 78.9096 54.7549 78.8628 54.9753C78.816 55.1956 78.8216 55.4239 78.8792 55.6417C79.7311 58.8225 81.0012 61.8763 82.6563 64.7231C82.7672 64.9189 82.9225 65.086 83.1098 65.2108C83.297 65.3357 83.511 65.4148 83.7344 65.4418L92.787 66.4481C93.3549 67.0626 93.9514 67.6592 94.566 68.227L95.5722 77.2833C95.5993 77.5067 95.6784 77.7206 95.8032 77.9079C95.9281 78.0952 96.0951 78.2505 96.291 78.3614C99.1405 80.009 102.195 81.2729 105.376 82.1204C105.593 82.1785 105.822 82.1848 106.042 82.1386C106.262 82.0924 106.469 81.9951 106.645 81.8545L113.753 76.1656C114.594 76.1967 115.432 76.1967 116.269 76.1656L123.381 81.8545C123.635 82.059 123.952 82.1705 124.279 82.1707C124.4 82.1704 124.521 82.1547 124.638 82.124C127.821 81.2713 130.876 80 133.723 78.3434C133.919 78.2325 134.086 78.0772 134.211 77.8899C134.336 77.7027 134.415 77.4887 134.442 77.2653L135.448 68.2126C136.063 67.6448 136.66 67.0482 137.227 66.4337L146.284 65.4275C146.507 65.4004 146.721 65.3213 146.908 65.1965C147.096 65.0716 147.251 64.9046 147.362 64.7087C149.009 61.8591 150.273 58.8044 151.121 55.6237C151.179 55.4062 151.185 55.1781 151.139 54.9577C151.093 54.7374 150.995 54.531 150.855 54.3551L145.162 47.2611ZM145.223 62.6531L136.358 63.6378C136.004 63.677 135.677 63.8461 135.441 64.1122C134.713 64.9345 133.935 65.7122 133.113 66.4409C132.846 66.6771 132.677 67.0037 132.638 67.3573L131.653 76.2195C129.417 77.4555 127.05 78.4379 124.595 79.1484L117.631 73.5745C117.375 73.3713 117.058 73.2611 116.732 73.2618H116.646C115.55 73.3298 114.45 73.3298 113.354 73.2618C112.998 73.2404 112.648 73.3519 112.369 73.5745L105.408 79.1448C102.953 78.4374 100.584 77.4574 98.3466 76.2231L97.3619 67.3573C97.3226 67.0037 97.1536 66.6771 96.8875 66.4409C96.0651 65.7122 95.2875 64.9345 94.5588 64.1122C94.3225 63.8461 93.996 63.677 93.6424 63.6378L84.7802 62.6531C83.5442 60.4167 82.5618 58.0494 81.8513 55.595L87.4252 48.6303C87.6478 48.3521 87.7592 48.0012 87.7378 47.6456C87.6733 46.5492 87.6733 45.4501 87.7378 44.3537C87.7592 43.9981 87.6478 43.6472 87.4252 43.369L81.8549 36.4079C82.5623 33.9524 83.5423 31.5838 84.7766 29.3462L93.6424 28.3615C93.996 28.3223 94.3225 28.1532 94.5588 27.8872C95.2875 27.0648 96.0651 26.2871 96.8875 25.5584C97.1536 25.3222 97.3226 24.9956 97.3619 24.642L98.3466 15.7798C100.583 14.5438 102.95 13.5614 105.405 12.8509L112.369 18.4248C112.648 18.6475 112.998 18.7589 113.354 18.7375C114.45 18.6695 115.55 18.6695 116.646 18.7375C117.002 18.7589 117.353 18.6475 117.631 18.4248L124.592 12.8545C127.047 13.5619 129.416 14.5419 131.653 15.7762L132.638 24.642C132.677 24.9956 132.846 25.3222 133.113 25.5584C133.935 26.2871 134.713 27.0648 135.441 27.8872C135.677 28.1532 136.004 28.3223 136.358 28.3615L145.22 29.3462C146.456 31.5826 147.438 33.9499 148.149 36.4043L142.575 43.369C142.352 43.6472 142.241 43.9981 142.262 44.3537C142.327 45.4501 142.327 46.5492 142.262 47.6456C142.241 48.0012 142.352 48.3521 142.575 48.6303L148.145 55.5914C147.438 58.0469 146.458 60.4156 145.223 62.6531Z"
fill="#423F3F" />
svg #gear-1 {
animation: rotateforward 2s ease 0s infinite normal forwards;
}
@keyframes rotateforward {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
Подробнее здесь: [url]https://stackoverflow.com/questions/79847735/svg-path-rotate-animation[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия