Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
xxxfdd
@xxxfdd
CSS
Как скруглить края у фона снизу?
Не получается скруглить края снизу у фона подскажите пожалуйста как это сделать.
Вопрос задан
более трёх лет назад
103 просмотра
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега CSS
Скрина нет, но подозреваю, что речь не про border-radius в прямом применении.
Вариантов много:
SVG
clip-path
border-radius для псевдо, у которого размеры больше, чем у элемента
радиальный градиент
Например,
https://jsfiddle.net/Ankhena/0qxLo3us/1/
А вообще, пора перестать отвечать на этот вопрос и банить его как "ответ легко ищется поисковиком"
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Steppp
@Steppp
border-radius: 0 0 50% 50%;
или
border-radius: 0 50% 50% 0;
Не помню какое число за какой угол отвечает
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
xxxfdd
@xxxfdd
Автор вопроса
спасибо проверю
Написано
более трёх лет назад
Данил Полянский
@danil_polyan
Верстальщик, Front-End разработчик
border-bottom-left-radius
border-bottom-right-radius
Пример:
https://codepen.io/danil-polyan/pen/jOVxdYV
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Средний
Как сверстать данный блок?
1 подписчик
37 минут назад
8 просмотров
0
ответов
HTML
+1 ещё
Простой
Код не работает, как так?
3 подписчика
08 мая
1590 просмотров
1
ответ
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
07 мая
139 просмотров
0
ответов
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
377 просмотров
1
ответ
HTML
+1 ещё
Простой
Различие скелета в пк версии и телефонной, как лучше всего делать такие вещи?
1 подписчик
02 мая
156 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Проблема с WordPress как исправить ошибку?
2 подписчика
01 мая
1336 просмотров
0
ответов
HTML
+1 ещё
Простой
Как зафиксировать кнопки в html?
1 подписчик
30 апр.
146 просмотров
1
ответ
CSS
Простой
Как сделать анимацию разворачивающегося сразу в две стороны свитка с информацией?
2 подписчика
30 апр.
535 просмотров
0
ответов
JavaScript
+3 ещё
Средний
Почему не подключается css файл в Webpack?
1 подписчик
29 апр.
109 просмотров
2
ответа
CSS
Простой
Как в CSS остановить одну анимацию и сразу запустить вторую для одного элемента?
3 подписчика
28 апр.
462 просмотра
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 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама