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

Не могу понять как сверстать данный блок?

верстаю шаблон не могу понять как правильно сверстать данный элемент 893937be56884c1d9db3b585dd6eea30.png
  • Вопрос задан
  • 230 просмотров
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 2
Machinez
@Machinez
https://codepen.io/DNLHC/pen/RVjaQp
Ответ написан
4 комментария
4 комментария
LenovoId
@LenovoId
svg, css,js
это картинка : top-left.png

даже URL говорит о этом в css : 
.topline-child {
	height: 45px;
	background: url("http://asu4fun.ru/top-left.png") no-repeat scroll left top #333333;
	
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
}
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ответы на вопрос 1
aliencash
@aliencash
Партизан
Масса способов... Такой:
transform: skewX(45deg);
или такой:
background-image: linear-gradient(45deg, white 50%, black 50%);
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Ещё заказы