SHARE
TWEET

Untitled

a guest Oct 23rd, 2019 63 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .hidden {
  2.   visibility: hidden;
  3. }
  4.  
  5. .loader-overlay {
  6.   position: fixed;
  7.   width: 100%;
  8.   height: 100vh;
  9.   // z-index: 1000;
  10.   background-color:rgba(0,0,0,0.5);
  11.   top: 0;
  12.   z-index: 1109;
  13. }
  14.  
  15. .popup-spinner{
  16.   margin-top: 15%;
  17.   top: 0;
  18.   // position: absolute;
  19.   display: flex;
  20.   align-items: center;
  21.   justify-content: center;
  22.   z-index: 1110;
  23. }
  24.  
  25. .loader {
  26.   height: 4px;
  27.   width: 100%;
  28.   position: relative;
  29.   overflow: hidden;
  30.   background-color: #FFF;
  31. }
  32.  
  33. .loader:before {
  34.   display: block;
  35.   position: absolute;
  36.   content: "";
  37.   left: -200px;
  38.   width: 200px;
  39.   height: 4px;
  40.   background-color: orange;
  41.   animation: loading 2s linear infinite;
  42. }
  43.  
  44. @keyframes loading {
  45.   from {
  46.     left: -200px;
  47.     width: 30%;
  48.   }
  49.  
  50.   50% {
  51.     width: 30%;
  52.   }
  53.  
  54.   70% {
  55.     width: 70%;
  56.   }
  57.  
  58.   80% {
  59.     left: 50%;
  60.   }
  61.  
  62.   95% {
  63.     left: 120%;
  64.   }
  65.  
  66.   to {
  67.     left: 100%;
  68.   }
  69. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top