Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
nurise
@nurise
Front-end, WordPress, Design
HTML
CSS
Как сделать вогнутые углы средствами html+css?
Условие: фон под элементом неоднородный.
Вопрос задан
более трёх лет назад
13780 просмотров
2
комментария
Подписаться
5
Оценить
2
комментария
Facebook
Вконтакте
Twitter
nurise
@nurise
Автор вопроса
lists.w3.org/Archives/Public/www-style/2011Aug/att...
пример
Написано
более трёх лет назад
nurise
@nurise
Автор вопроса
Получившийся элемент не должен позволять контенту внутри него вылезать за пределы углов
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
5
Сергей Мельников
@mlnkv
JavaScript Developer
habrahabr.ru/post/214917
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Александр Хиренко
@Satanpit
Front-end developer
Вы хот картинку покажите, как Вы хотите.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Kuzzy
@Kuzzy
Как-то так?
jsfiddle.net/Ek5tH
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
nurise
@nurise
Автор вопроса
jsfiddle.net/Ek5tH/2
фон не белый и не однородный под элементов. там рисунок с узорами
Написано
более трёх лет назад
Константин Романов
@evanto
Или так
jsfiddle.net/x4wLf
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
nurise
@nurise
Автор вопроса
Не тот подход.
Написано
более трёх лет назад
Александр Хиренко
@Satanpit
@nurise
Вы покажите реальную картинку того что должно получится, или опишите подробнее.
Написано
более трёх лет назад
Дмитрий Евграфович
@Tantacula
Похожая задача стояла, даже вопрос открывал тут. Наиболее разумное решение - обернуть картинку в svg обертку с соответствующими уголками, но это только css3, для старых браузеров решений нет.
webformyself.com/maski-css
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
PHP
+2 ещё
Простой
Не приходят сообщения с контактной формы, Извините, данные не были переданы?
1 подписчик
8 часов назад
112 просмотров
3
ответа
CSS
Простой
Как повторить фильтр с фигмы?
2 подписчика
9 часов назад
203 просмотра
0
ответов
HTML
+1 ещё
Простой
Как лучше всего реализовать данный фон?
1 подписчик
20 часов назад
88 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать, чтобы свойства класса прописывались не DOM-узлу, а классу, создаваемому в JS?
1 подписчик
вчера
83 просмотра
2
ответа
JavaScript
+1 ещё
Средний
Как сделать перетаскиваемые окна?
1 подписчик
вчера
78 просмотров
1
ответ
HTML
+1 ещё
Средний
Не влезает шрифт в input?
2 подписчика
12 июл.
997 просмотров
0
ответов
HTML
+1 ещё
Простой
Как задать прозрачность изображению?
1 подписчик
12 июл.
129 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?
1 подписчик
07 июл.
952 просмотра
5
ответов
JavaScript
+3 ещё
Простой
Как открыть ссылку из html-файла на диске в той же вкладке браузера?
1 подписчик
07 июл.
211 просмотров
2
ответа
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
06 июл.
130 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Frontend-разработчик
MyAdsTarget
от 150 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама