Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Андрей Канаев
@Andrey_Grach
Нубяра)
JavaScript
HTML
CSS
Как заверстать текст в треугольнике?
В общем нужно вот так заверстать. Недавно прям натыкался где то на статью и потерял.. А сегодня присылают такой макет.
Нужно только сделать чтобы текст не обрезался, а подстраивался и переносился.
Вопрос задан
более трёх лет назад
1434 просмотра
Комментировать
Подписаться
3
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решение
пользователя
Евгений
К ответам
на вопрос
(2)
Евгений
@AppFA
Frontend developer at Yandex
Можно как-то так:
https://jsfiddle.net/nywd3uc9/
clip-path можно заменить, сверстать просто так треугольник, главное shape-outside использовать
Ответ написан
более трёх лет назад
5
комментариев
Нравится
1
5
комментариев
Facebook
Вконтакте
Twitter
Андрей Канаев
@Andrey_Grach
Автор вопроса
Спасибо!
Написано
более трёх лет назад
Назар Мокринский
@nazarpc
Вот только оно в Firefox не работает совершенно, как, полагаю, и в некоторых других браузерах.
Написано
более трёх лет назад
Андрей Канаев
@Andrey_Grach
Автор вопроса
Назар Мокринский
: Кроме хрома и сафари нигде....
Написано
более трёх лет назад
Евгений
@AppFA
Назар Мокринский
: Да, но просто это первое что пришло в голову. Возможно существуют крос-браузерные решения.
Написано
более трёх лет назад
Tsimur_S
@Tsimur_S
https://github.com/adobe-webplatform/css-shapes-po...
по идее можно заполифилить
Написано
более трёх лет назад
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама