|
Last change
on this file since 1ad8e64 was 59329aa, checked in by Ema <ema_spirova@…>, 3 years ago |
|
adding photos
|
-
Property mode
set to
100644
|
|
File size:
536 bytes
|
| Line | |
|---|
| 1 | .p-skeleton {
|
|---|
| 2 | position: relative;
|
|---|
| 3 | overflow: hidden;
|
|---|
| 4 | }
|
|---|
| 5 |
|
|---|
| 6 | .p-skeleton::after {
|
|---|
| 7 | content: "";
|
|---|
| 8 | animation: p-skeleton-animation 1.2s infinite;
|
|---|
| 9 | height: 100%;
|
|---|
| 10 | left: 0;
|
|---|
| 11 | position: absolute;
|
|---|
| 12 | right: 0;
|
|---|
| 13 | top: 0;
|
|---|
| 14 | transform: translateX(-100%);
|
|---|
| 15 | z-index: 1;
|
|---|
| 16 | }
|
|---|
| 17 |
|
|---|
| 18 | .p-skeleton.p-skeleton-circle {
|
|---|
| 19 | border-radius: 50%;
|
|---|
| 20 | }
|
|---|
| 21 |
|
|---|
| 22 | .p-skeleton-none::after {
|
|---|
| 23 | animation: none;
|
|---|
| 24 | }
|
|---|
| 25 |
|
|---|
| 26 | @keyframes p-skeleton-animation {
|
|---|
| 27 | from {
|
|---|
| 28 | transform: translateX(-100%);
|
|---|
| 29 | }
|
|---|
| 30 | to {
|
|---|
| 31 | transform: translateX(100%);
|
|---|
| 32 | }
|
|---|
| 33 | } |
|---|
Note:
See
TracBrowser
for help on using the repository browser.
