Skip to content

Instantly share code, notes, and snippets.

@lonekorean
Last active April 21, 2023 07:33
Show Gist options
  • Star 9 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save lonekorean/7759870 to your computer and use it in GitHub Desktop.
Save lonekorean/7759870 to your computer and use it in GitHub Desktop.
Gradient animation workaround
button {
background-image: linear-gradient(#5187c4, #1c2f45);
background-size: auto 200%;
background-position: 0 100%;
transition: background-position 0.5s;
/* ...and various other button styles */
}
button:hover {
background-position: 0 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment