css 动画的渐变背景

Posted 2021-05-13

button {
    background-image: linear-gradient(#FC6E51, #E9573F);
    background-size: auto 200%;
    background-position: 0 100%;
    transition: background-position 0.5s;
}
button:hover {
    background-position: 0 0;
}