Мой SVG обрезается при применении CSS-анимации

Мой SVG обрезается при применении CSS-анимации ⇐ CSS

1 сообщение • Страница 1 из 1

Anonymous

Мой SVG обрезается при применении CSS-анимации

Цитата

Сообщение Anonymous » 29 май 2024, 18:22

У меня есть простая иллюстрация в формате SVG. Когда я применяю свойство масштабирования преобразования CSS, элемент, находящийся на краю svg, обрезается. Это похоже на то, что svg ограничивает границы, и элементы, которые выходят за эти границы, обрезаются. Я поигрался с окном просмотра, но, похоже, ничего не работает. Вот размеры моего поля просмотра SVG.
Ссылка на codepen

Код: Выделить всё

.why-us-text {
transform: scale(1.1);
transform-origin: bottom center;
}

Код: Выделить всё


.st0 {
fill: none;
stroke: #474a54;
stroke-linecap: round;
stroke-linejoin: round;
}
.st1 {
enable-background: new;
}
.st2 {
fill: #df9926;
}
.st3 {
fill: #d8dbe8;
}
.st4 {
fill: #0f9ffa;
}
.st5 {
fill: #00ba91;
}
.st6 {
fill: #963596;
}
.st7 {
fill:  # e e 0 3 2 4 ; < b r   / >                             } < b r   / >                         & l t ; / s t y l e & g t ; < b r   / > < b r   / >                         & l t ; g   i d = " w h y - u s - g r o u p _ 2 _ "   c l a s s = " w h y - u s - g r o u p " & g t ; < b r   / >                             & l t ; l i n e < b r   / >                                 i d = " w h y - u s - l i n e _ 2 _ " < b r   / >                                 c l a s s = " s t 0   w h y - u s - l i n e " < b r   / >                                 x 1 = " 9 2 4 . 4 " < b r   / >                                 y 1 = " 1 4 6 . 4 " < b r   / >                                 x 2 = " 9 2 4 . 4 " < b r   / >                                 y 2 = " 2 0 9 . 9 " < b r   / >                             / & g t ; < b r   / >                             & l t ; g   i d = " w h y - u s - t e x t _ 2 _ "   c l a s s = " w h y - u s - t e x t " & g t ; < b r   / >                                 & l t ; g   c l a s s = " s t 1 " & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 7 8 1 . 2 , 1 0 5 c 4 - 3 . 3 , 7 . 2 - 6 . 1 , 9 . 6 - 8 . 2 c 2 . 3 - 2 . 1 , 4 . 3 - 4 . 4 , 5 . 9 - 6 . 8 c 1 . 6 - 2 . 4 , 2 . 4 - 4 . 7 , 2 . 4 - 6 . 9 c 0 - 1 . 7 - 0 . 4 - 3 - 1 . 2 - 4 < b r   / >                                 c - 0 . 8 - 1 - 2 - 1 . 4 - 3 . 5 - 1 . 4 c - 1 . 6 , 0 - 2 . 8 , 0 . 6 - 3 . 7 , 1 . 8 c - 0 . 9 , 1 . 2 - 1 . 3 , 2 . 8 - 1 . 3 , 5 h - 1 0 . 2 c 0 . 1 - 3 . 5 , 0 . 8 - 6 . 4 , 2 . 3 - 8 . 8 c 1 . 4 - 2 . 4 , 3 . 3 - 4 . 1 , 5 . 6 - 5 . 2 < b r   / >                                 c 2 . 3 - 1 . 1 , 4 . 9 - 1 . 7 , 7 . 8 - 1 . 7 c 4 . 9 , 0 , 8 . 6 , 1 . 3 , 1 1 . 1 , 3 . 8 c 2 . 5 , 2 . 5 , 3 . 8 , 5 . 8 , 3 . 8 , 9 . 9 c 0 , 4 . 4 - 1 . 5 , 8 . 5 - 4 . 5 , 1 2 . 3 c - 3 , 3 . 8 - 6 . 9 , 7 . 5 - 1 1 . 5 , 1 1 . 1 h 1 6 . 7 < b r   / >                                 v 8 . 6 h - 3 1 . 1 v - 7 . 9 C 7 8 0 . 7 , 1 0 5 . 4 , 7 8 1 . 3 , 1 0 4 . 9 , 7 8 1 . 2 , 1 0 5 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 8 1 3 . 9 , 7 9 . 6 v - 9 . 9 h 1 7 . 2 V 1 1 5 h - 1 1 V 7 9 . 6 H 8 1 3 . 9 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 8 7 0 . 9 , 9 8 . 1 h - 1 0 . 8 v 1 1 h - 1 0 v - 1 1 h - 1 0 . 8 v - 9 . 5 H 8 5 0 V 7 7 . 5 h 1 0 v 1 1 . 1 h 1 0 . 8 V 9 8 . 1 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 9 2 8 . 8 , 7 1 . 5 l - 1 5 . 1 , 2 9 . 1 V 1 1 5 h - 1 0 . 6 v - 1 4 . 4 l - 1 5 . 1 - 2 9 . 1 h 1 2 l 8 . 4 , 1 8 . 2 l 8 . 4 - 1 8 . 2 H 9 2 8 . 8 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 9 6 5 . 5 , 1 0 0 . 3 h - 2 4 c 0 . 2 , 2 . 1 , 0 . 9 , 3 . 8 , 2 . 1 , 4 . 9 c 1 . 2 , 1 . 1 , 2 . 7 , 1 . 7 , 4 . 5 , 1 . 7 c 2 . 6 , 0 , 4 . 5 - 1 . 1 , 5 . 5 - 3 . 3 h 1 1 . 3 < b r   / >                                 c - 0 . 6 , 2 . 3 - 1 . 6 , 4 . 3 - 3 . 1 , 6 . 1 c - 1 . 5 , 1 . 8 - 3 . 4 , 3 . 2 - 5 . 7 , 4 . 3 c - 2 . 3 , 1 - 4 . 8 , 1 . 5 - 7 . 6 , 1 . 5 c - 3 . 4 , 0 - 6 . 4 - 0 . 7 - 9 . 1 - 2 . 2 c - 2 . 6 - 1 . 4 - 4 . 7 - 3 . 5 - 6 . 2 - 6 . 2 < b r   / >                                 c - 1 . 5 - 2 . 7 - 2 . 2 - 5 . 8 - 2 . 2 - 9 . 4 s 0 . 7 - 6 . 7 , 2 . 2 - 9 . 4 c 1 . 5 - 2 . 7 , 3 . 5 - 4 . 8 , 6 . 2 - 6 . 2 c 2 . 6 - 1 . 4 , 5 . 7 - 2 . 2 , 9 . 1 - 2 . 2 c 3 . 3 , 0 , 6 . 3 , 0 . 7 , 8 . 9 , 2 . 1 < b r   / >                                 c 2 . 6 , 1 . 4 , 4 . 6 , 3 . 4 , 6 . 1 , 6 c 1 . 5 , 2 . 6 , 2 . 2 , 5 . 6 , 2 . 2 , 9 . 1 C 9 6 5 . 7 , 9 8 . 1 , 9 6 5 . 7 , 9 9 . 2 , 9 6 5 . 5 , 1 0 0 . 3 z   M 9 5 4 . 9 , 9 4 . 4 c 0 - 1 . 8 - 0 . 6 - 3 . 3 - 1 . 9 - 4 . 3 < b r   / >                                 c - 1 . 2 - 1 . 1 - 2 . 8 - 1 . 6 - 4 . 7 - 1 . 6 c - 1 . 8 , 0 - 3 . 3 , 0 . 5 - 4 . 5 , 1 . 5 c - 1 . 2 , 1 - 2 , 2 . 5 - 2 . 3 , 4 . 4 H 9 5 4 . 9 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 9 7 1 . 2 , 8 8 . 3 c 1 . 3 - 2 . 7 , 3 . 2 - 4 . 8 , 5 . 5 - 6 . 2 c 2 . 3 - 1 . 4 , 4 . 9 - 2 . 2 , 7 . 8 - 2 . 2 c 2 . 4 , 0 , 4 . 6 , 0 . 5 , 6 . 4 , 1 . 5 c 1 . 8 , 1 , 3 . 3 , 2 . 3 , 4 . 2 , 3 . 9 < b r   / >                                 v - 4 . 9 h 1 0 . 6 V 1 1 5 h - 1 0 . 6 v - 4 . 9 c - 1 , 1 . 6 - 2 . 5 , 2 . 9 - 4 . 3 , 3 . 9 s - 4 , 1 . 5 - 6 . 4 , 1 . 5 c - 2 . 8 , 0 - 5 . 4 - 0 . 7 - 7 . 7 - 2 . 2 c - 2 . 3 - 1 . 5 - 4 . 1 - 3 . 6 - 5 . 5 - 6 . 3 < b r   / >                                 c - 1 . 3 - 2 . 7 - 2 - 5 . 8 - 2 - 9 . 4 C 9 6 9 . 2 , 9 4 . 1 , 9 6 9 . 9 , 9 1 , 9 7 1 . 2 , 8 8 . 3 z   M 9 9 2 . 9 , 9 1 . 4 c - 1 . 5 - 1 . 5 - 3 . 3 - 2 . 3 - 5 . 4 - 2 . 3 c - 2 . 1 , 0 - 3 . 9 , 0 . 8 - 5 . 4 , 2 . 3 < b r   / >                                 c - 1 . 5 , 1 . 5 - 2 . 2 , 3 . 6 - 2 . 2 , 6 . 2 c 0 , 2 . 6 , 0 . 7 , 4 . 7 , 2 . 2 , 6 . 3 c 1 . 5 , 1 . 6 , 3 . 3 , 2 . 3 , 5 . 4 , 2 . 3 c 2 . 1 , 0 , 3 . 9 - 0 . 8 , 5 . 4 - 2 . 3 c 1 . 5 - 1 . 5 , 2 . 2 - 3 . 6 , 2 . 2 - 6 . 3 < b r   / >                                 C 9 9 5 . 1 , 9 5 . 1 , 9 9 4 . 4 , 9 3 , 9 9 2 . 9 , 9 1 . 4 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 1 0 2 8 . 6 , 8 1 . 7 c 1 . 9 - 1 . 1 , 3 . 9 - 1 . 6 , 6 . 2 - 1 . 6 v 1 1 . 2 h - 2 . 9 c - 2 . 6 , 0 - 4 . 6 , 0 . 6 - 6 , 1 . 7 c - 1 . 3 , 1 . 1 - 2 , 3 . 1 - 2 , 6 V 1 1 5 h - 1 0 . 6 V 8 0 . 4 < b r   / >                                 h 1 0 . 6 v 5 . 8 C 1 0 2 5 . 2 , 8 4 . 3 , 1 0 2 6 . 8 , 8 2 . 8 , 1 0 2 8 . 6 , 8 1 . 7 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 1 0 4 5 . 9 , 1 1 4 c - 2 . 4 - 1 - 4 . 2 - 2 . 4 - 5 . 6 - 4 . 2 s - 2 . 1 - 3 . 8 - 2 . 3 - 6 h 1 0 . 5 c 0 . 1 , 1 . 2 , 0 . 7 , 2 . 2 , 1 . 7 , 2 . 9 c 1 , 0 . 7 , 2 . 2 , 1 . 1 , 3 . 7 , 1 . 1 < b r   / >                                 c 1 . 3 , 0 , 2 . 3 - 0 . 3 , 3 . 1 - 0 . 8 c 0 . 7 - 0 . 5 , 1 . 1 - 1 . 2 , 1 . 1 - 2 c 0 - 1 - 0 . 5 - 1 . 7 - 1 . 5 - 2 . 2 c - 1 - 0 . 5 - 2 . 7 - 1 - 5 - 1 . 6 c - 2 . 5 - 0 . 6 - 4 . 5 - 1 . 2 - 6 . 2 - 1 . 8 s - 3 . 1 - 1 . 7 - 4 . 3 - 3 < b r   / >                                 c - 1 . 2 - 1 . 4 - 1 . 8 - 3 . 3 - 1 . 8 - 5 . 6 c 0 - 2 , 0 . 5 - 3 . 8 , 1 . 6 - 5 . 4 c 1 . 1 - 1 . 6 , 2 . 7 - 2 . 9 , 4 . 8 - 3 . 9 c 2 . 1 - 1 , 4 . 7 - 1 . 4 , 7 . 6 - 1 . 4 c 4 . 3 , 0 , 7 . 8 , 1 . 1 , 1 0 . 3 , 3 . 2 < b r   / >                                 c 2 . 5 , 2 . 1 , 3 . 9 , 5 , 4 . 3 , 8 . 6 h - 9 . 8 c - 0 . 2 - 1 . 2 - 0 . 7 - 2 . 1 - 1 . 6 - 2 . 9 c - 0 . 9 - 0 . 7 - 2 . 1 - 1 . 1 - 3 . 5 - 1 . 1 c - 1 . 2 , 0 - 2 . 2 , 0 . 2 - 2 . 9 , 0 . 7 c - 0 . 7 , 0 . 5 - 1 , 1 . 1 - 1 , 2 < b r   / >                                 c 0 , 1 , 0 . 5 , 1 . 7 , 1 . 6 , 2 . 2 c 1 . 1 , 0 . 5 , 2 . 7 , 1 , 4 . 9 , 1 . 5 c 2 . 6 , 0 . 7 , 4 . 7 , 1 . 3 , 6 . 3 , 2 c 1 . 6 , 0 . 6 , 3 , 1 . 7 , 4 . 2 , 3 . 1 c 1 . 2 , 1 . 4 , 1 . 8 , 3 . 3 , 1 . 9 , 5 . 7 < b r   / >                                 c 0 , 2 - 0 . 6 , 3 . 8 - 1 . 7 , 5 . 4 c - 1 . 1 , 1 . 6 - 2 . 8 , 2 . 8 - 4 . 9 , 3 . 8 c - 2 . 1 , 0 . 9 - 4 . 6 , 1 . 4 - 7 . 4 , 1 . 4 C 1 0 5 1 , 1 1 5 . 5 , 1 0 4 8 . 3 , 1 1 5 , 1 0 4 5 . 9 , 1 1 4 z " < b r   / >                                     / & g t ; < b r   / >                                 & l t ; / g & g t ; < b r   / >                                 & l t ; g   c l a s s = " s t 1 " & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         d = " M 8 5 2 . 5 , 1 4 . 7 v 6 . 5 h 7 . 7 v 3 h - 7 . 7 V 3 1 h 8 . 6 v 3 h - 1 2 . 3 V 1 1 . 7 h 1 2 . 3 v 3 H 8 5 2 . 5 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         d = " M 8 7 3 . 2 , 2 5 . 1 l 5 . 7 , 8 . 9 h - 4 . 1 l - 3 . 8 - 6l-3.6,6h-3.8l5.7-8.7l-5.7-9h4.1l3.8,6l3.6-6h3.8L873.2,25.1z"
/>

Подробнее здесь: https://stackoverflow.com/questions/691 ... is-applied

1716996131

Anonymous

У меня есть простая иллюстрация в формате SVG. Когда я применяю свойство масштабирования преобразования CSS, элемент, находящийся на краю svg, обрезается. Это похоже на то, что svg ограничивает границы, и элементы, которые выходят за эти границы, обрезаются. Я поигрался с окном просмотра, но, похоже, ничего не работает.  Вот размеры моего поля просмотра SVG.
Ссылка на codepen


[code].why-us-text {
transform: scale(1.1);
transform-origin: bottom center;
}[/code]
[code]

.st0 {
fill: none;
stroke: #474a54;
stroke-linecap: round;
stroke-linejoin: round;
}
.st1 {
enable-background: new;
}
.st2 {
fill: #df9926;
}
.st3 {
fill: #d8dbe8;
}
.st4 {
fill: #0f9ffa;
}
.st5 {
fill: #00ba91;
}
.st6 {
fill: #963596;
}
.st7 {
fill:  # e e 0 3 2 4 ; < b r   / >                             } < b r   / >                         & l t ; / s t y l e & g t ; < b r   / > < b r   / >                         & l t ; g   i d = " w h y - u s - g r o u p _ 2 _ "   c l a s s = " w h y - u s - g r o u p " & g t ; < b r   / >                             & l t ; l i n e < b r   / >                                 i d = " w h y - u s - l i n e _ 2 _ " < b r   / >                                 c l a s s = " s t 0   w h y - u s - l i n e " < b r   / >                                 x 1 = " 9 2 4 . 4 " < b r   / >                                 y 1 = " 1 4 6 . 4 " < b r   / >                                 x 2 = " 9 2 4 . 4 " < b r   / >                                 y 2 = " 2 0 9 . 9 " < b r   / >                             / & g t ; < b r   / >                             & l t ; g   i d = " w h y - u s - t e x t _ 2 _ "   c l a s s = " w h y - u s - t e x t " & g t ; < b r   / >                                 & l t ; g   c l a s s = " s t 1 " & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 7 8 1 . 2 , 1 0 5 c 4 - 3 . 3 , 7 . 2 - 6 . 1 , 9 . 6 - 8 . 2 c 2 . 3 - 2 . 1 , 4 . 3 - 4 . 4 , 5 . 9 - 6 . 8 c 1 . 6 - 2 . 4 , 2 . 4 - 4 . 7 , 2 . 4 - 6 . 9 c 0 - 1 . 7 - 0 . 4 - 3 - 1 . 2 - 4 < b r   / >                                 c - 0 . 8 - 1 - 2 - 1 . 4 - 3 . 5 - 1 . 4 c - 1 . 6 , 0 - 2 . 8 , 0 . 6 - 3 . 7 , 1 . 8 c - 0 . 9 , 1 . 2 - 1 . 3 , 2 . 8 - 1 . 3 , 5 h - 1 0 . 2 c 0 . 1 - 3 . 5 , 0 . 8 - 6 . 4 , 2 . 3 - 8 . 8 c 1 . 4 - 2 . 4 , 3 . 3 - 4 . 1 , 5 . 6 - 5 . 2 < b r   / >                                 c 2 . 3 - 1 . 1 , 4 . 9 - 1 . 7 , 7 . 8 - 1 . 7 c 4 . 9 , 0 , 8 . 6 , 1 . 3 , 1 1 . 1 , 3 . 8 c 2 . 5 , 2 . 5 , 3 . 8 , 5 . 8 , 3 . 8 , 9 . 9 c 0 , 4 . 4 - 1 . 5 , 8 . 5 - 4 . 5 , 1 2 . 3 c - 3 , 3 . 8 - 6 . 9 , 7 . 5 - 1 1 . 5 , 1 1 . 1 h 1 6 . 7 < b r   / >                                 v 8 . 6 h - 3 1 . 1 v - 7 . 9 C 7 8 0 . 7 , 1 0 5 . 4 , 7 8 1 . 3 , 1 0 4 . 9 , 7 8 1 . 2 , 1 0 5 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 8 1 3 . 9 , 7 9 . 6 v - 9 . 9 h 1 7 . 2 V 1 1 5 h - 1 1 V 7 9 . 6 H 8 1 3 . 9 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 8 7 0 . 9 , 9 8 . 1 h - 1 0 . 8 v 1 1 h - 1 0 v - 1 1 h - 1 0 . 8 v - 9 . 5 H 8 5 0 V 7 7 . 5 h 1 0 v 1 1 . 1 h 1 0 . 8 V 9 8 . 1 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 9 2 8 . 8 , 7 1 . 5 l - 1 5 . 1 , 2 9 . 1 V 1 1 5 h - 1 0 . 6 v - 1 4 . 4 l - 1 5 . 1 - 2 9 . 1 h 1 2 l 8 . 4 , 1 8 . 2 l 8 . 4 - 1 8 . 2 H 9 2 8 . 8 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 9 6 5 . 5 , 1 0 0 . 3 h - 2 4 c 0 . 2 , 2 . 1 , 0 . 9 , 3 . 8 , 2 . 1 , 4 . 9 c 1 . 2 , 1 . 1 , 2 . 7 , 1 . 7 , 4 . 5 , 1 . 7 c 2 . 6 , 0 , 4 . 5 - 1 . 1 , 5 . 5 - 3 . 3 h 1 1 . 3 < b r   / >                                 c - 0 . 6 , 2 . 3 - 1 . 6 , 4 . 3 - 3 . 1 , 6 . 1 c - 1 . 5 , 1 . 8 - 3 . 4 , 3 . 2 - 5 . 7 , 4 . 3 c - 2 . 3 , 1 - 4 . 8 , 1 . 5 - 7 . 6 , 1 . 5 c - 3 . 4 , 0 - 6 . 4 - 0 . 7 - 9 . 1 - 2 . 2 c - 2 . 6 - 1 . 4 - 4 . 7 - 3 . 5 - 6 . 2 - 6 . 2 < b r   / >                                 c - 1 . 5 - 2 . 7 - 2 . 2 - 5 . 8 - 2 . 2 - 9 . 4 s 0 . 7 - 6 . 7 , 2 . 2 - 9 . 4 c 1 . 5 - 2 . 7 , 3 . 5 - 4 . 8 , 6 . 2 - 6 . 2 c 2 . 6 - 1 . 4 , 5 . 7 - 2 . 2 , 9 . 1 - 2 . 2 c 3 . 3 , 0 , 6 . 3 , 0 . 7 , 8 . 9 , 2 . 1 < b r   / >                                 c 2 . 6 , 1 . 4 , 4 . 6 , 3 . 4 , 6 . 1 , 6 c 1 . 5 , 2 . 6 , 2 . 2 , 5 . 6 , 2 . 2 , 9 . 1 C 9 6 5 . 7 , 9 8 . 1 , 9 6 5 . 7 , 9 9 . 2 , 9 6 5 . 5 , 1 0 0 . 3 z   M 9 5 4 . 9 , 9 4 . 4 c 0 - 1 . 8 - 0 . 6 - 3 . 3 - 1 . 9 - 4 . 3 < b r   / >                                 c - 1 . 2 - 1 . 1 - 2 . 8 - 1 . 6 - 4 . 7 - 1 . 6 c - 1 . 8 , 0 - 3 . 3 , 0 . 5 - 4 . 5 , 1 . 5 c - 1 . 2 , 1 - 2 , 2 . 5 - 2 . 3 , 4 . 4 H 9 5 4 . 9 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 9 7 1 . 2 , 8 8 . 3 c 1 . 3 - 2 . 7 , 3 . 2 - 4 . 8 , 5 . 5 - 6 . 2 c 2 . 3 - 1 . 4 , 4 . 9 - 2 . 2 , 7 . 8 - 2 . 2 c 2 . 4 , 0 , 4 . 6 , 0 . 5 , 6 . 4 , 1 . 5 c 1 . 8 , 1 , 3 . 3 , 2 . 3 , 4 . 2 , 3 . 9 < b r   / >                                 v - 4 . 9 h 1 0 . 6 V 1 1 5 h - 1 0 . 6 v - 4 . 9 c - 1 , 1 . 6 - 2 . 5 , 2 . 9 - 4 . 3 , 3 . 9 s - 4 , 1 . 5 - 6 . 4 , 1 . 5 c - 2 . 8 , 0 - 5 . 4 - 0 . 7 - 7 . 7 - 2 . 2 c - 2 . 3 - 1 . 5 - 4 . 1 - 3 . 6 - 5 . 5 - 6 . 3 < b r   / >                                 c - 1 . 3 - 2 . 7 - 2 - 5 . 8 - 2 - 9 . 4 C 9 6 9 . 2 , 9 4 . 1 , 9 6 9 . 9 , 9 1 , 9 7 1 . 2 , 8 8 . 3 z   M 9 9 2 . 9 , 9 1 . 4 c - 1 . 5 - 1 . 5 - 3 . 3 - 2 . 3 - 5 . 4 - 2 . 3 c - 2 . 1 , 0 - 3 . 9 , 0 . 8 - 5 . 4 , 2 . 3 < b r   / >                                 c - 1 . 5 , 1 . 5 - 2 . 2 , 3 . 6 - 2 . 2 , 6 . 2 c 0 , 2 . 6 , 0 . 7 , 4 . 7 , 2 . 2 , 6 . 3 c 1 . 5 , 1 . 6 , 3 . 3 , 2 . 3 , 5 . 4 , 2 . 3 c 2 . 1 , 0 , 3 . 9 - 0 . 8 , 5 . 4 - 2 . 3 c 1 . 5 - 1 . 5 , 2 . 2 - 3 . 6 , 2 . 2 - 6 . 3 < b r   / >                                 C 9 9 5 . 1 , 9 5 . 1 , 9 9 4 . 4 , 9 3 , 9 9 2 . 9 , 9 1 . 4 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 1 0 2 8 . 6 , 8 1 . 7 c 1 . 9 - 1 . 1 , 3 . 9 - 1 . 6 , 6 . 2 - 1 . 6 v 1 1 . 2 h - 2 . 9 c - 2 . 6 , 0 - 4 . 6 , 0 . 6 - 6 , 1 . 7 c - 1 . 3 , 1 . 1 - 2 , 3 . 1 - 2 , 6 V 1 1 5 h - 1 0 . 6 V 8 0 . 4 < b r   / >                                 h 1 0 . 6 v 5 . 8 C 1 0 2 5 . 2 , 8 4 . 3 , 1 0 2 6 . 8 , 8 2 . 8 , 1 0 2 8 . 6 , 8 1 . 7 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         c l a s s = " s t 4 " < b r   / >                                         d = " M 1 0 4 5 . 9 , 1 1 4 c - 2 . 4 - 1 - 4 . 2 - 2 . 4 - 5 . 6 - 4 . 2 s - 2 . 1 - 3 . 8 - 2 . 3 - 6 h 1 0 . 5 c 0 . 1 , 1 . 2 , 0 . 7 , 2 . 2 , 1 . 7 , 2 . 9 c 1 , 0 . 7 , 2 . 2 , 1 . 1 , 3 . 7 , 1 . 1 < b r   / >                                 c 1 . 3 , 0 , 2 . 3 - 0 . 3 , 3 . 1 - 0 . 8 c 0 . 7 - 0 . 5 , 1 . 1 - 1 . 2 , 1 . 1 - 2 c 0 - 1 - 0 . 5 - 1 . 7 - 1 . 5 - 2 . 2 c - 1 - 0 . 5 - 2 . 7 - 1 - 5 - 1 . 6 c - 2 . 5 - 0 . 6 - 4 . 5 - 1 . 2 - 6 . 2 - 1 . 8 s - 3 . 1 - 1 . 7 - 4 . 3 - 3 < b r   / >                                 c - 1 . 2 - 1 . 4 - 1 . 8 - 3 . 3 - 1 . 8 - 5 . 6 c 0 - 2 , 0 . 5 - 3 . 8 , 1 . 6 - 5 . 4 c 1 . 1 - 1 . 6 , 2 . 7 - 2 . 9 , 4 . 8 - 3 . 9 c 2 . 1 - 1 , 4 . 7 - 1 . 4 , 7 . 6 - 1 . 4 c 4 . 3 , 0 , 7 . 8 , 1 . 1 , 1 0 . 3 , 3 . 2 < b r   / >                                 c 2 . 5 , 2 . 1 , 3 . 9 , 5 , 4 . 3 , 8 . 6 h - 9 . 8 c - 0 . 2 - 1 . 2 - 0 . 7 - 2 . 1 - 1 . 6 - 2 . 9 c - 0 . 9 - 0 . 7 - 2 . 1 - 1 . 1 - 3 . 5 - 1 . 1 c - 1 . 2 , 0 - 2 . 2 , 0 . 2 - 2 . 9 , 0 . 7 c - 0 . 7 , 0 . 5 - 1 , 1 . 1 - 1 , 2 < b r   / >                                 c 0 , 1 , 0 . 5 , 1 . 7 , 1 . 6 , 2 . 2 c 1 . 1 , 0 . 5 , 2 . 7 , 1 , 4 . 9 , 1 . 5 c 2 . 6 , 0 . 7 , 4 . 7 , 1 . 3 , 6 . 3 , 2 c 1 . 6 , 0 . 6 , 3 , 1 . 7 , 4 . 2 , 3 . 1 c 1 . 2 , 1 . 4 , 1 . 8 , 3 . 3 , 1 . 9 , 5 . 7 < b r   / >                                 c 0 , 2 - 0 . 6 , 3 . 8 - 1 . 7 , 5 . 4 c - 1 . 1 , 1 . 6 - 2 . 8 , 2 . 8 - 4 . 9 , 3 . 8 c - 2 . 1 , 0 . 9 - 4 . 6 , 1 . 4 - 7 . 4 , 1 . 4 C 1 0 5 1 , 1 1 5 . 5 , 1 0 4 8 . 3 , 1 1 5 , 1 0 4 5 . 9 , 1 1 4 z " < b r   / >                                     / & g t ; < b r   / >                                 & l t ; / g & g t ; < b r   / >                                 & l t ; g   c l a s s = " s t 1 " & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         d = " M 8 5 2 . 5 , 1 4 . 7 v 6 . 5 h 7 . 7 v 3 h - 7 . 7 V 3 1 h 8 . 6 v 3 h - 1 2 . 3 V 1 1 . 7 h 1 2 . 3 v 3 H 8 5 2 . 5 z " < b r   / >                                     / & g t ; < b r   / >                                     & l t ; p a t h < b r   / >                                         d = " M 8 7 3 . 2 , 2 5 . 1 l 5 . 7 , 8 . 9 h - 4 . 1 l - 3 . 8 - 6l-3.6,6h-3.8l5.7-8.7l-5.7-9h4.1l3.8,6l3.6-6h3.8L873.2,25.1z"
/>


















[/code]




Подробнее здесь: [url]https://stackoverflow.com/questions/69154190/my-svg-cuts-off-when-css-animation-is-applied[/url]