-
Notifications
You must be signed in to change notification settings - Fork 49
/
me-pageloading.min.css
1 lines (1 loc) · 1.36 KB
/
me-pageloading.min.css
1
.pageload-overlay{position:fixed;width:100%;height:100%;z-index:9999;top:0;left:0;visibility:hidden}.pageload-overlay.show{visibility:visible}.pageload-overlay svg{position:absolute;top:0;left:0;pointer-events:none}.pageload-overlay svg path{fill:#fff}.pageload-overlay::after,.pageload-overlay::before{content:'';position:fixed;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border-radius:50%;visibility:hidden;opacity:0;z-index:10000;-webkit-transition:opacity .15s,visibility 0s .15s;transition:opacity .15s,visibility 0s .15s}.pageload-overlay::after{background:#6cc88a;-webkit-transform:translateX(-20px);transform:translateX(-20px);-webkit-animation:moveRight .6s linear infinite alternate;animation:moveRight .6s linear infinite alternate}.pageload-overlay::before{background:#4fc3f7;-webkit-transform:translateX(20px);transform:translateX(20px);-webkit-animation:moveLeft .6s linear infinite alternate;animation:moveLeft .6s linear infinite alternate}@-webkit-keyframes moveRight{to{-webkit-transform:translateX(20px)}}@keyframes moveRight{to{transform:translateX(20px)}}@-webkit-keyframes moveLeft{to{-webkit-transform:translateX(-20px)}}@keyframes moveLeft{to{transform:translateX(-20px)}}.pageloading-loading.pageload-overlay::after,.pageloading-loading.pageload-overlay::before{opacity:1;visibility:visible;-webkit-transition:opacity .3s;transition:opacity .3s}