Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
streetn1
@streetn1
JavaScript
HTML
CSS
Как сверстать перевернутый текст?
Добрый вечер. Столкнулся с проблемкой верстки. Можно ли такой блок сделать без js?
Вопрос задан
более трёх лет назад
505 просмотров
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
Lynn «Кофеман»
@Lynn
Интересно как вы его хотели с js сделать…
Написано
более трёх лет назад
streetn1
@streetn1
Автор вопроса
Алексей Тен
, если не прописывать фиксированную ширину и высоту, то все будет ехать из-за rotate. Поэтому думаю на js'e поработать с высотой и шириной.
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Фронтенд-разработчик
10 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Нетология
Fullstack-разработчик на Python + нейросети
20 месяцев
Далее
Решения вопроса
1
Владимир Проскурин
@Vlad_IT
Куратор тега CSS
Front-end разработчик
transform: rotate
на блок с текстом.
https://jsfiddle.net/Vlad_IT/b5pc3yom/
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
streetn1
@streetn1
Автор вопроса
Если не прописывать фиксированную ширину и высоту, то все будет ехать из-за rotate. Поэтому думаю на js'e поработать с высотой и шириной.
Написано
более трёх лет назад
Александр AS
@as_viper
Легко, можно сделать без js
Делаете два дива.
Один: музыка, второй: Инна Журавлёва и т.д.
Див музыка делаете через transform: rotate
И сколько всего позиционирование не помешает.....
Написано
более трёх лет назад
Владимир Проскурин
@Vlad_IT
Куратор тега CSS
streetn1
, ну, высоту нужно будет указать. Обновил ответ.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Андрей Малиновский
@GAVRAN
text-orientation
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Какой скрипт загружает меню в Ютуб?
1 подписчик
9 часов назад
59 просмотров
2
ответа
CSS
Простой
Как на css сделать в карточке товара появление блока кнопок при наведении курсора?
1 подписчик
15 часов назад
90 просмотров
1
ответ
CSS
Простой
Как такое сверстать?
1 подписчик
вчера
193 просмотра
2
ответа
JavaScript
Простой
Как работать с разрозненными данными?
1 подписчик
21 окт.
189 просмотров
2
ответа
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
20 окт.
149 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
2 подписчика
16 окт.
124 просмотра
0
ответов
JavaScript
Простой
Как подгружать xml с перерисовкой таблицы?
3 подписчика
14 окт.
182 просмотра
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
215 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
160 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как решить задачку из контеста?
1 подписчик
13 окт.
250 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy
•
Нижний Новгород
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама