Skip to content

Instantly share code, notes, and snippets.

@geoffyoungs
Created October 28, 2011 20:15
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 geoffyoungs/1323427 to your computer and use it in GitHub Desktop.
Save geoffyoungs/1323427 to your computer and use it in GitHub Desktop.
Animated graduated background
@-webkit-keyframes pulsate {
0% {
background-position: 0 0;
}
100% {
background-position: 300px 0;
}
}
div.animated {
-webkit-animation-name: pulsate;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
background-position: 0px 0px;
background-size: 100% 2px;
background-repeat: repeat;
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #ffffff), color-stop(0.4, #80b256), color-stop(0.6, #80b256), color-stop(1.0, #ffffff));
}
@geoffyoungs
Copy link
Author

@lukestuts - here's that code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment