Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Алёша
@GIBRID21
...
HTML
CSS
Фронтенд
Как сверстать блок со скошенным углом?
Вот такой -
Блоков с таким фоном будет мног. Картинкой не подходит, нужен вариант в котором этот блок будет резиновым.
Вопрос задан
более трёх лет назад
506 просмотров
Комментировать
Подписаться
3
Средний
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
dom1n1k
@dom1n1k
Картинкой
подходит
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Алёша
@GIBRID21
Автор вопроса
Самый оптимальный вараинт мне кажется.. Темный фон можно просто поместить псевдоэлементом и ему в фон закинуть большой svg c большим фоном со скругленным углом а отступы регулировать через высоту и ширину(псевдокласс position:absolute)
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
2
Ярослав Иванов
@space2pacman
Куратор тега CSS
Просто царь.
https://jsfiddle.net/space2pacman/q8f1u1t8/
Ответ написан
более трёх лет назад
3
комментария
Нравится
2
3
комментария
Facebook
Вконтакте
Twitter
Алёша
@GIBRID21
Автор вопроса
Грёбанный маньяк
Написано
более трёх лет назад
Алёша
@GIBRID21
Автор вопроса
Только кто это будет использовать в продакшене?)
Написано
более трёх лет назад
Ярослав Иванов
@space2pacman
Куратор тега CSS
Алёша
, just for lulz
Написано
более трёх лет назад
zoozag
@zoozag
Opencart
Можно попробовать через clip-path
jsfiddle.net/4Lp6pmwk
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Алёша
@GIBRID21
Автор вопроса
ие не робит.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
Фронтенд
+2 ещё
Простой
По каким критериям выбирать направления в IT (FRONTEND, UX/UI)?
1 подписчик
час назад
59 просмотров
2
ответа
HTML
Простой
Как сделать на сайте цитаты, как в Telegram?
3 подписчика
10 часов назад
242 просмотра
2
ответа
PHP
+1 ещё
Простой
Как получить id от button?
1 подписчик
14 часов назад
129 просмотров
1
ответ
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
вчера
80 просмотров
2
ответа
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
вчера
53 просмотра
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
31 мар.
125 просмотров
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
176 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Как реализовать обновление цены?
1 подписчик
29 мар.
152 просмотра
0
ответов
HTML
+1 ещё
Простой
Почему видеофайл не доступен напрямую в браузере?
1 подписчик
29 мар.
133 просмотра
3
ответа
HTML
+1 ещё
Простой
Как наложить на фон ещё объекты с текстом внутри?
1 подписчик
27 мар.
132 просмотра
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Парсер для сайта
Rotormine
от 10 000 до 100 000 ₽
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама