Задать вопрос
@NewBeHere
html

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

Добрый вечер, подскажите пожалуйста как сверстать такой треугольник?
5a9ab1c86bdd8980165425.png
  • Вопрос задан
  • 183 просмотра
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Небольшой прямоугольник с overflow:hidden и два его абсолютно позиционированных псевдо-элемента с подобранным положением и border-radius
Суть на картинке:
5a9abaf4042b5532247763.png

https://jsfiddle.net/ywh2fd3f/56/

как-то так =)
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ответы на вопрос 2
Odisseya
@Odisseya
Оптимизирую PageSpeed & Performance
Хвостик в svg, кот. позиционируем абсолютно над блоком.
Ответ написан
7 комментариев
7 комментариев
ya-vitaliy
@ya-vitaliy
Верстаю... + wordpress и пробую Laravel
Псевдоэлемент (after, before) с беграунд.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Написать сайт на Python Django
24 апр. 2024, в 10:32
400000 руб./за проект
Арбитраж Трафика в тгк
24 апр. 2024, в 10:12
10000 руб./за проект
Развернуть болванку мултиплеерной игры unity на сервере
24 апр. 2024, в 09:59
5000 руб./за проект
Ещё заказы