Почему при наведении на кнопки исчезает фон и только потом применяется transition?

Question

[Сергей Бурдужа]

Вот мой код
Непонятно, почему исчезает фон, давно не верстал, может что-то пропустил.
Заранее благодарен.

Answer 1

[Никита Петерсон]

.button:hover{
    background: linear-gradient(tomato, tomato);
}

Comments

[Сергей Бурдужа]

Работает, только transition не применяется.

[Никита Петерсон]

или изначально задать кнопке
background-color: tomato;, а градиент убирать при наведении.

[Никита Петерсон]

Почему не работает transition для градиента?
градиенты не анимируются

[Сергей Бурдужа]

Спасибо, разобрался.