@bachura26

Как сделать Svg path rotate?

Есть svg, в нем несколько элементов path. Как сделать transform: rotate(45deg), что бы каждый path крутился вокруг себя? Сейчас он крутится вокруг svg, так как transform-origin: center center задан для svg который есть его контейнером
  • Вопрос задан
  • 1549 просмотров
Решения вопроса 1
@bachura26 Автор вопроса
Нашел решение. Для Path применяем transform-box: fill-box;
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
darchuk_sergey
@darchuk_sergey
Каждому path задаёшь id и с айдишником работаешь
#box{
    transform-origin:50% 50%;
    transform-box: fill-box;
    animation: rotateBox 3s linear infinite;
  }
  
  @keyframes rotateBox {
    to {
      transform: rotate(45deg);
    }
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы