Skip to content

Instantly share code, notes, and snippets.

@yakuzaaaa
Last active October 19, 2019 10:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save yakuzaaaa/a5f4fd2bcb0005822c8542881879819a to your computer and use it in GitHub Desktop.
Save yakuzaaaa/a5f4fd2bcb0005822c8542881879819a to your computer and use it in GitHub Desktop.
.shimmer-background {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f9;
background-image: linear-gradient(to right, #f6f7f9 20%, #e9ebee 40%, #f6f7f9 60%, #f6f7f9 100%);
background-repeat: no-repeat;
background-size: 800px 100%;
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment