letehaha
@letehaha
Вникаю вo front-end

Как сделать подобный элемент?

Ничего не лезет в голову как такое сделать. Думал на счет after и before, но ещё ведь нужно сделать увеличенную ширину блока в топе.
Собственно, вот:
4f267588a98648cdb4253e490b212ee1.png
  • Вопрос задан
  • 154 просмотра
Решения вопроса 2
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Треугольнички - треугольниками за счет border и before, after
Низ трапецией - вот этим html5book.ru/3d-transform, либо тоже приставленными треугольниками через before, after

Для растяжения - треугольникам в трапеции задавать фон градиентом https://jsfiddle.net/zosescs2/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Думаю, что изменения ширины можно сделать за счет прозрачного треугольного border, а верх с помощью before
https://jsfiddle.net/asq9ajtg/
либо background растянутый по высоте картинкой слева и справа и отрицательным margin-top у блока
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
05 окт. 2024, в 02:41
50000 руб./за проект
05 окт. 2024, в 02:03
1000 руб./за проект
04 окт. 2024, в 22:00
20000 руб./за проект