Skip to content

Instantly share code, notes, and snippets.

@ilhamgusti

ilhamgusti/gradient-animation.css

Created July 21, 2019 12:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ilhamgusti/017139a278705d1a6d560e2ca0290f07 to your computer and use it in GitHub Desktop.
Save ilhamgusti/017139a278705d1a6d560e2ca0290f07 to your computer and use it in GitHub Desktop.
Download ZIP
gradient animation
Raw
gradient-animation.css
background: linear-gradient(270deg, #b012f9, #2935ea, #25e399);
background-size: 600% 600%;
-webkit-animation: .bg-a-gradient 15s ease infinite;
-moz-animation: .bg-a-gradient 15s ease infinite;
-o-animation: .bg-a-gradient 15s ease infinite;
animation: .bg-a-gradient 15s ease infinite;
@-webkit-keyframes .bg-a-gradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes .bg-a-gradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-o-keyframes .bg-a-gradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes .bg-a-gradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment