Skip to content

Instantly share code, notes, and snippets.

@mishalrai
Last active July 11, 2018 04:27
Show Gist options
  • Save mishalrai/324bddd57e92caa9a81f7a6b341cbde9 to your computer and use it in GitHub Desktop.
Save mishalrai/324bddd57e92caa9a81f7a6b341cbde9 to your computer and use it in GitHub Desktop.
@-webkit-keyframes placeHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
@keyframes placeHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
.shimmer{
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: darkgray;
background: linear-gradient(to right, #fbfbfb 10%, #f5f5f5 18%, #fbfbfb 33%);
background-size: 800px 104px;
position: relative;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment