Как перевернуть текст в css?
2 ответа
от
anahi_abshire ,
2 года назад
@kenya Перевернуть текст в css можно через transform: rotate :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> p { transform: rotate(280deg); } </style> </head> <body> <p>Перевернуть текст в css</p> </body> </html> |
от
leila.dickinson ,
10 месяцев назад
@kenya
Нет стандартного способа переворота текста в CSS. Однако, вы можете использовать свойство transform для поворота блока текста на 180 градусов. Например:
1 2 3 |
.rotate-text { transform: rotate(180deg); } |
Этот код выровняет все блоки, имеющие класс .rotate-text, перевернутые на 180 градусов. Если вы хотите перевернуть только текст внутри блока, вы можете применить transform к вложенному элементу с текстом, например:
1 2 3 |
Перевернутый текст |
1 2 3 4 5 6 7 8 9 10 11 12 13 |
.rotate-text { /* предотвращает расширение блока */ display: inline-block; /* переворачивает блок на 180 градусов */ transform: rotate(180deg); } .text { /* переворачивает текст внутри блока*/ transform: rotate(180deg); /* предотвращает перекрытие других элементов */ display: inline-block; } |
Этот код переворачивает текст внутри блока text на 180 градусов, который находится в перевёрнутом блоке rotate-text.
15