Skip to content

Instantly share code, notes, and snippets.

@opejovic
Last active March 22, 2020 17:51
Show Gist options
  • Save opejovic/dd401394e9e43356b25f38571af89825 to your computer and use it in GitHub Desktop.
Save opejovic/dd401394e9e43356b25f38571af89825 to your computer and use it in GitHub Desktop.
.animated-placeholder {
background: linear-gradient(-90deg, #eef2f6, #ffffff, #bcbfc3);
background-size: 400% 400%;
-webkit-animation: left-to-right 3s ease infinite;
-moz-animation: left-to-right 3s ease infinite;
animation: left-to-right 3s ease infinite;
}
@-webkit-keyframes left-to-right {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes left-to-right {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes left-to-right {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment