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

Как обрубить верхний-левый угол у div имея неоднородный фон?

https://codepen.io/Jeerjmin/pen/rKZKJz

У меня есть такое решение, но оно работает с однородным фоном, который можно выставить. А как быть если фон картинка ?
  • Вопрос задан
  • 598 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 3
@BarryHAllen
Задача - сделать угол прозрачным?
Если так, то:
background: linear-gradient(135deg, transparent 36px, white 20px);
https://codepen.io/anon/pen/oyPMZK
upd: с границей по периметру:
https://codepen.io/anon/pen/mKzOrz
Ответ написан
4 комментария
4 комментария
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
1. Фон из 5 градиентов. Нижний фон под углом 45 градусов прозрачный-синий-белый. И поверх 4 из синего в прозрачный с позиционированием и размером.

2. SVG
https://jsfiddle.net/rwcaj9g5/
Ответ написан
3 комментария
3 комментария
AlexZagatskiy
@AlexZagatskiy
HTML / CSS developer
Примерно такое решение может подойти: https://codepen.io/Zagatskiy/pen/YvJpqL
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать решение для автоматизации работы с Chat GPT
23 апр. 2024, в 13:29
3000 руб./за проект
Cоздание базы знаний для сервиса
23 апр. 2024, в 13:19
15000 руб./за проект
Обновить gulpfile.js
23 апр. 2024, в 13:17
2000 руб./за проект
Ещё заказы