double-ui-vue
Version:
2 lines (1 loc) • 615 B
CSS
.x-skeleton{display:grid;grid-gap:12px;width:100%}.x-skeleton-item{position:relative;background-color:var(--skeleton-bg);border-radius:4px;width:100%;height:36px}.x-skeleton-active{background-image:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--theme-opacity) 37%,var(--skeleton-bg) 63%);background-size:400% 100%;-webkit-animation:x-skeleton-loading 1.4s ease infinite;animation:x-skeleton-loading 1.4s ease infinite}@-webkit-keyframes x-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes x-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}