Поверните svg-изображение на 90 градусов

#css

Вопрос:

У меня есть изображение svg

введите описание изображения здесь

я хочу повернуть его так, чтобы он выглядел так:

введите описание изображения здесь

попробовал добавить css:

 svg {  transform: rotate(60deg);  }  

но это не работает.

Комментарии:

1. Изображение отражается горизонтально, в заголовке указано повернуть на 90 градусов, в коде указано повернуть на 60 градусов. Что это такое?

Ответ №1:

Изображение в вашем вопросе не повернуто, оно перевернуто (отражено) по горизонтали. Вы можете достичь этого путем масштабирования с коэффициентом -1 по оси X:

 svg {  transform: scaleX(-1) }  

Комментарии:

1. Как это будет работать(вращаться) , как до сих пор я только думаю scale , для size . Ты можешь что-нибудь сказать

2. Посмотри на свое изображение. Он не повернут, он перевернут горизонтально. Масштабирование с коэффициентом -1 имеет тот же эффект, что и переворачивание изображения.

3. Большое спасибо за описание