Skip to content

Instantly share code, notes, and snippets.

@thealscott

thealscott/animated-background.css

Created February 9, 2017 15:12
Show Gist options
  • Save thealscott/87830f4a1e004122f5b6c7e6c3aacec0 to your computer and use it in GitHub Desktop.
Save thealscott/87830f4a1e004122f5b6c7e6c3aacec0 to your computer and use it in GitHub Desktop.
Download ZIP
Animated tiled background
Raw
animated-background.css
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: -200px 0; }
}
.background {
display: block;
height: 200px;
width: 100%;
background: url(../assets/img/pattern.svg);
background-size: 200px auto;
animation: animatedBackground 10s linear infinite;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment