0
0

как создать кнопку с градиентным цветом


JASURBEK TURAEV
3 years ago






так можно - для кнопки задать свойство

background: linear-gradient(to right, #ff5500, #ff9944);

вместо to right можно задавать to top, to left, to bottom или градусы угла градиента

посмотри в поиске по linear-gradient какие можно параметры задавать - можно больше цветов делать, задавать в процентах линию смещения градиента по цветам и т.д.

например background: linear-gradient(to right, #ff5500 30%, #ff9944 70%);

есть еще радиальный градиент radial-gradient

с параметром circle можно делать круглые кнопки, например

также интересно можно использовать прозрачности, когда цвета задаются с альфа-каналом(процент прозрачности), например rgba(150, 25, 80, 0.5) - цвет с прозрачностью 50%

student_Mz8pkGnC
3 years ago

Один ответ