Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
denism300
@denism300
CSS
Как сделать скругление углов наружу?
Как на CSS сделать углы, скругленные наружу, как обведено красным?
Вопрос задан
более трёх лет назад
1359 просмотров
2
комментария
Подписаться
3
Простой
2
комментария
Facebook
Вконтакте
Twitter
Евгений
@Eugene70
Может костыль, но можно попробовать скруглить нижнюю часть бежевого и верхнюю белого блока.
Написано
более трёх лет назад
denism300
@denism300
Автор вопроса
Евгений
, это меню, соответственно, при выделенном п.3 у него должно быть скругление и т.п.
белый фон задается цветом фона.
Написано
более трёх лет назад
Решения вопроса
2
Stalker_RED
@Stalker_RED
Псевдоэлементы с radial-gradient который закрашивает один угол.
И углам табов и градиенту можно задать эллипсоидную форму.
Как-то так:
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
9
Комментировать
Facebook
Вконтакте
Twitter
Арсений Матыцин
@ArsenyMatytsyn
Куратор тега CSS
Руководитель frontend направления, предприниматель
Псевдоэлементы с абсолютным позиционированием.
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Evgeny Svirsky
@e_svirsky
Web Developer
3 разных контейнера и свои закругления у всех
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Код не работает, как так?
2 подписчика
вчера
961 просмотр
1
ответ
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
07 мая
127 просмотров
0
ответов
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
364 просмотра
1
ответ
HTML
+1 ещё
Простой
Различие скелета в пк версии и телефонной, как лучше всего делать такие вещи?
1 подписчик
02 мая
155 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Проблема с WordPress как исправить ошибку?
2 подписчика
01 мая
1327 просмотров
0
ответов
HTML
+1 ещё
Простой
Как зафиксировать кнопки в html?
1 подписчик
30 апр.
139 просмотров
1
ответ
CSS
Простой
Как сделать анимацию разворачивающегося сразу в две стороны свитка с информацией?
2 подписчика
30 апр.
528 просмотров
0
ответов
JavaScript
+3 ещё
Средний
Почему не подключается css файл в Webpack?
1 подписчик
29 апр.
108 просмотров
2
ответа
CSS
Простой
Как в CSS остановить одну анимацию и сразу запустить вторую для одного элемента?
3 подписчика
28 апр.
456 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать грид контейнер в коде?
1 подписчик
28 апр.
95 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Frontend разработчик
AMarkets
•
Москва
от 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама