Настройка внешнего вида кнопки (градиент)

Задан 1 год назад
Просмотрен 409 раз
0

Видела вопрос про градиент в фоне на странице. Но можно ли сделать градиент для кнопки? Чтобы был не просто скучный цвет.

кастомизация
код
страница
Сделаем GetOverflow лучше!
Проголосуйте 🔼 за полезные или 🔽 за бесполезные ответы.
1 ответ
0

Да, можно кодом в подробных настройках стиля: код:

.f-btn {
background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
}

Сам градиент можно подобрать тут https://mycolor.space/gradient3

Если нужно для всех кнопок на странице, то проще добавить на страницу вверху блок CSS и в него вставить:

.btn.btn-success {
background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
}
Ваш ответ