@Michey

Как поворачивать текст вокруг иконки, да еще в несколько уровней?

Дизайнер прислал на верстку блок, где вокруг иконки в два ряда по кругу идет текст. Нагуглил, что реально реализовать с помощью SVG, но неудобно, и текст снизу зеркально отображается и перевернуть его обычным rotate не получается (уезжает в сторону).
5cded1857a239188147639.png

Реально ли подобное реализовать как-то на CSS? Видел также вариант, в котором каждую букву предлагали обернуть в тег и его через transform отдельно вращать. Может есть решения по изящнее?

Из того, что пока получается https://codepen.io/nma_nepomnu/pen/byRevy
Проблема перевернуть самый нижний текст, чтобы он был не верх ногами, как сейчас.
  • Вопрос задан
  • 212 просмотров
Решения вопроса 1
LenovoId
@LenovoId
svg, css,js
Я там с колором не работал и не искал pattern для круга ...
Делается в общем это вот так : https://codepen.io/topicstarter/pen/qGjpXJ
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@GreatRash
SVG - самый простой и правильный вариант.
Ответ написан
Комментировать
joeberetta
@joeberetta
Читай: https://epdf.pub/google-for-dummies.html
Вот такой вариант можно найти при беглом гуглинге

Частенько годноту можно тут найти:
https://css-tricks.com/set-text-on-a-circle/
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
22 нояб. 2024, в 00:55
500 руб./за проект
21 нояб. 2024, в 23:30
300000 руб./за проект
21 нояб. 2024, в 22:21
3000 руб./в час