Skip to content

Instantly share code, notes, and snippets.

@jolosantos
Created August 20, 2015 07:52
Show Gist options
  • Save jolosantos/56028a1469f5c68b3fbb to your computer and use it in GitHub Desktop.
Save jolosantos/56028a1469f5c68b3fbb to your computer and use it in GitHub Desktop.
multiple gradient animation test for OW
body.floating {
min-height: 100%;
background: #ABBEF9;
background-size: 120% 120%;
animation: ModalBackground 30s ease infinite;
background-image:
radial-gradient(60% 0%, 120em 120em, #1E6990, transparent),
radial-gradient(70% 50%, circle, #B747FB, transparent),
radial-gradient(20% 70%, 300em 50em, #4DC2F1, transparent),
radial-gradient(0% 20%, circle, #3DA7D0 , transparent);
}
@keyframes ModalBackground {
0%{background-position:(0% 30%)}
50%{background-position:100% 10%}
100%{background-position:0% 30%}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment