Как сделать кнопку градиентом в CSS?

Пользователь

от stacy , в категории: HTML/CSS , 2 месяца назад

Как сделать кнопку градиентом в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от bulah , 2 месяца назад

@stacy  Сделать кнопку градиентом в CSS можно так:


HTML:

1
2
3
<body>
    <button class="gradient">Войти</button>
</body>


CSS:

1
2
3
4
5
6
.gradient {
    color: seashell;
    width: 100px;
    height: 50px;
    background-image: linear-gradient( red, fuchsia, yellow);
}