Skip to content

Instantly share code, notes, and snippets.

@junrillg

junrillg/CSS: Animating A Gradient Background

Created December 8, 2014 01:16
Show Gist options
  • Save junrillg/f57d36b52850d546986f to your computer and use it in GitHub Desktop.
Save junrillg/f57d36b52850d546986f to your computer and use it in GitHub Desktop.
Download ZIP
CSS: Animating A Gradient Background
Raw
CSS: Animating A Gradient Background
button {
background-image: linear-gradient(#5187c4, #1c2f45);
background-size: auto 200%;
background-position: 0 100%;
transition: background-position 0.5s;
}
button:hover {
background-position: 0 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment