Skip to content

Instantly share code, notes, and snippets.

@yogiprsetya

yogiprsetya/lazy-placeholder.css

Created June 21, 2020 11:49
Show Gist options
  • Save yogiprsetya/000e56e1f422c7c2458e67fdef68b9a9 to your computer and use it in GitHub Desktop.
Save yogiprsetya/000e56e1f422c7c2458e67fdef68b9a9 to your computer and use it in GitHub Desktop.
Download ZIP
Placeholder for lazy-load image.
Raw
lazy-placeholder.css
.lazy {
background: #ededed linear-gradient(to right, #f6f7f8 0%, #f0f0f0 20%, #f6f7f8 40%, #f6f7f8 100%) repeat scroll 0% 0% / 800px 200px;
display: inline-block;
position: relative;
animation: 1s linear 0s infinite normal forwards running animation-oh6j69;
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment