Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Odinokun
@Odinokun
HTML
CSS
Как сверстать адаптивный треугольный фон?
Добрый день.
Подскажите плз., где можно почитать про то как верстаются подобные треугольные фигуры.
(обратите внимание, угол не острый а с радиусом).
Вопрос задан
более трёх лет назад
267 просмотров
2
комментария
Подписаться
1
Оценить
2
комментария
Facebook
Вконтакте
Twitter
riot26
@riot26
svg, как вариант
Написано
более трёх лет назад
copal
@copal
когда-то пытался сделать подобное на canvas, не понравилось из-за острых краев, которые не получилось полностью сгладить. Потом остановился на svg. png слишком убогий вариант.
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Денис Букреев
@denisbookreev
зачем верстать это?
проще использовать png, учитывая что красный блок все равно картинка
Ответ написан
более трёх лет назад
2
комментария
Нравится
3
2
комментария
Facebook
Вконтакте
Twitter
Odinokun
@Odinokun
Автор вопроса
В шаблоне каждый блок переходит один в другой такими треугольниками.
Это просто я вырезал один из них.
Написано
более трёх лет назад
Денис Букреев
@denisbookreev
Дмитрий
: я понимаю
но почему png не помогает?
Написано
более трёх лет назад
Archakov Dennis
@archakov06
Frontend-разработчик (ReactJS)
Юзай PNG. Создай два блока. Красный и серный. В красный пихни PNG прозрачную картинку с таким обрезанными границами без цвета.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как добавить оттенки на фоне как на макете?
1 подписчик
9 часов назад
20 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
вчера
140 просмотров
1
ответ
HTML
+1 ещё
Простой
Прозрачный DIV перекрывает элемент под ним?
1 подписчик
вчера
98 просмотров
1
ответ
HTML
Средний
Как добавить в HTML страницу воспроизведение музыки?
1 подписчик
25 июл.
101 просмотр
1
ответ
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
51 просмотр
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
24 июл.
52 просмотра
0
ответов
CSS
Простой
Как выровнять крестик?
1 подписчик
23 июл.
101 просмотр
1
ответ
CSS
Простой
Как решить проблему с наложением в сафари?
2 подписчика
22 июл.
293 просмотра
1
ответ
CSS
Простой
Что поправить в градиенте?
1 подписчик
21 июл.
99 просмотров
0
ответов
HTML
+1 ещё
Простой
Как прижать нижние колонки к низу родительского блока?
5 подписчиков
19 июл.
1998 просмотров
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама