SHARE
TWEET

preloader.css

ryfan Aug 31st, 2016 65 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.   overflow: hidden;
  3. }
  4.  
  5.  
  6. /* Preloader */
  7.  
  8. #preloader {
  9.   position: fixed;
  10.   top: 0;
  11.   left: 0;
  12.   right: 0;
  13.   bottom: 0;
  14.   background-color: #fff;
  15.   /* change if the mask should have another color then white */
  16.   z-index: 99;
  17.   /* makes sure it stays on top */
  18. }
  19.  
  20. #status {
  21.   width: 200px;
  22.   height: 200px;
  23.   position: absolute;
  24.   left: 50%;
  25.   /* centers the loading animation horizontally one the screen */
  26.   top: 50%;
  27.   /* centers the loading animation vertically one the screen */
  28.   background-image: url(loading_animation.gif);
  29.   /* path to your loading animation */
  30.   background-repeat: no-repeat;
  31.   background-position: center;
  32.   margin: -100px 0 0 -100px;
  33.   /* is width and height divided by two */
  34. }
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