Задать вопрос
Andrey_Grach
@Andrey_Grach
Нубяра)
javascript

Как заверстать текст в треугольнике?

В общем нужно вот так заверстать. Недавно прям натыкался где то на статью и потерял.. А сегодня присылают такой макет.
cebd23f8f1d74226a72de99d60d42a39.png
Нужно только сделать чтобы текст не обрезался, а подстраивался и переносился.
  • Вопрос задан
  • 1402 просмотра
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 2
AppFA
@AppFA
Frontend developer at Yandex
Можно как-то так:
https://jsfiddle.net/nywd3uc9/
clip-path можно заменить, сверстать просто так треугольник, главное shape-outside использовать
Ответ написан
5 комментариев
5 комментариев
LenovoId
@LenovoId
svg, css,js
codepen.io/Geyan/pen/VKwjpG?editors=0110 вот это кроссбраузерное решение, я этот вопрос задавал уже на ru.Stackoverflow посмотрите на ответ , пример на codepen я показал - проверил на linux броузерах во всех
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Лидсканнер\парсер для Telegram по поиску заказов по ключевым словам
25 апр. 2024, в 14:26
6000 руб./за проект
Разработать дизайн продающего лендинга
25 апр. 2024, в 14:21
15000 руб./за проект
Шаблон WP - настройка
25 апр. 2024, в 14:07
20000 руб./за проект
Ещё заказы