← Snippets

Loading Line

1@keyframes placeHolderShimmer {
2 0% {
3 background-position: -468px 0;
4 }
5 100% {
6 background-position: 468px 0;
7 }
8}
9
10.loading-line {
11 height: 10px;
12 width: 100%;
13 margin: 4px 0;
14 animation-duration: 1.25s;
15 animation-fill-mode: forwards;
16 animation-iteration-count: infinite;
17 animation-name: placeHolderShimmer;
18 animation-timing-function: linear;
19 background: #f6f6f6;
20 background: linear-gradient(to right, #f6f6f6 8%, #f6f6f6 18%, #f6f6f6 33%);
21 background-size: 800px 104px;
22 position: relative;
23 border-radius: 16px;
24}
25
Site Logo - Andrew Lazenka
© 2021 Andrew Lazenka. All Rights Reserved.