Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Muslim Mamaev
@muslim_mamaev
Новичок изучаю css
CSS
Как добавить градиент внизу?
Здравствуйте! Как добавить градиент внизу блока с помощью border-bottom можно?
Вопрос задан
более трёх лет назад
291 просмотр
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега CSS
Зачем с помощью бордера и чем не устраивает обычный градиент и bg size и bg position?
Написано
более трёх лет назад
Muslim Mamaev
@muslim_mamaev
Автор вопроса
Ankhena
, ну я например хочу добавить градиент место белого цвета border-bottom: 2px solid white;
Написано
более трёх лет назад
Решения вопроса
1
Ankhena
@Ankhena
Куратор тега CSS
Нежно люблю верстку
Так и добавить обычным фоновым градиентом
https://jsfiddle.net/c7g6d3o8/
Или через border-image
snippet
snippet
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
2
комментария
Facebook
Вконтакте
Twitter
Muslim Mamaev
@muslim_mamaev
Автор вопроса
Спасибо вам вы мне очень помогли!
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
Muslim Mamaev
, отмечайте решением, чтобы другим это тоже помогло
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
2
Никита Киселёв
@Goslink
Студент, начинающий ux/ui дизайнер
Что значит внизу?
Пример бы картинкой)
А вообще, на бордеры нельзя ставить градиенты, для того что бы сделать градиентные границы делают
так
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
Muslim Mamaev
@muslim_mamaev
Автор вопроса
все просто border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
Написано
более трёх лет назад
Babrov
@Babrov
https://html-css-js.com/css/generator/box-shadow/
либо зайди в раздел border
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
час назад
29 просмотров
0
ответов
HTML
+1 ещё
Простой
Как наложить на фон ещё объекты с текстом внутри?
1 подписчик
27 мар.
115 просмотров
0
ответов
HTML
+1 ещё
Простой
Как реализовать такой слайдер товаров?
1 подписчик
25 мар.
172 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы текст был обернут линией?
1 подписчик
25 мар.
125 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать пролистывание картинок в карточке товара?
1 подписчик
25 мар.
200 просмотров
2
ответа
CSS
Простой
Как вырезать плавно углы у блока css?
2 подписчика
23 мар.
145 просмотров
0
ответов
HTML
+1 ещё
Средний
Как правильно нужно скопировать элемент сайта?
1 подписчик
22 мар.
115 просмотров
1
ответ
CSS
Простой
Как избежать скролла в инпуте при letter-spacing?
1 подписчик
22 мар.
79 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Анимация JS, CSS. Как сделать эффект фонарика?
1 подписчик
22 мар.
190 просмотров
1
ответ
HTML
+1 ещё
Простой
Как поменять цвет фона у кнопки в html?
1 подписчик
21 мар.
94 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама