Button transition

div {
    font: 22px Arial;
    display: inline-block;
    padding: 1em 2em;
    text-align: center;
    color: white;
    background: red; /* default color */

    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, salmon 50%, lightblue 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
}
div:hover {
    background-position: left;
}

Source: stackoverflow.com

Similar codes

0 vote337 views1 answer
Options for DNSSEC verification of other zones
CSS
48 votes331 views6 answers
Background color using css
CSS
17 votes332 views1 answer
Sass calc with variable
CSS
1 vote323 views3 answers
Font-style
CSS
1 vote336 views1 answer
"League\Flysystem\AwsS3v3\AwsS3Adapter"
CSS
0 vote338 views1 answer
Hide featured image in wordpress
CSS
0 vote337 views1 answer
AITpro maintenance mode CSS
CSS
0 vote337 views1 answer
Css change the accordion arrow color
CSS
3 votes329 views3 answers
Have background color and background image css
CSS
0 vote345 views1 answer
Wordpress https to localhost http
CSS