Skip to content

Instantly share code, notes, and snippets.

@drawcode

drawcode/test-loading-gradient-animated.css

Created March 8, 2021 00:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save drawcode/be0f5f8e680dc2e8188877813a6db8ed to your computer and use it in GitHub Desktop.
Save drawcode/be0f5f8e680dc2e8188877813a6db8ed to your computer and use it in GitHub Desktop.
Download ZIP
test-loading-gradient-animated.css
Raw
test-loading-gradient-animated.css
.animated-text {
box-sizing: border-box;
margin: 8px;
width: 66.6667%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%) no-repeat rgba(0, 0, 0, 0.1);
position: relative;
min-height: 4px;
min-width: 100px;
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeholderShimmer;
animation-timing-function: linear;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment