SHARE
TWEET

Untitled

a guest Aug 22nd, 2019 81 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .lds-ring {
  2.     display: inline-block;
  3.     z-index: 1;
  4.     opacity: .8;
  5.     border-radius: 12px;
  6.     position: absolute;
  7.     left: 50%!important;
  8.     top: 50%!important;
  9.     width: 64px;
  10.     height: 64px;
  11.     margin-left: -35px;
  12.     margin-top: -35px;
  13.     -moz-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  14.     -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  15.     transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  16.     cursor: pointer;
  17.     pointer-events: none;
  18. }
  19.  
  20. .lds-ring,
  21. .lds-ring:before{
  22.     position: absolute;
  23.     top: 30%;
  24.     left: 40%                                                                          
  25. }
  26.  
  27. .lds-ring div {
  28.     box-sizing: border-box;
  29.     display: block;
  30.     position: absolute;
  31.     width: 70px;
  32.     height: 70px;
  33.     margin: 6px;
  34.     border: 6px solid #fff;
  35.     border-radius: 50%;
  36.     animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  37.     border-color: #fff transparent transparent transparent
  38. }
  39.  
  40. .lds-ring div:nth-child(1) {
  41.     animation-delay: -.45s
  42. }
  43.  
  44. .lds-ring div:nth-child(2) {
  45.     animation-delay: -.3s
  46. }
  47.  
  48. .lds-ring div:nth-child(3) {
  49.     animation-delay: -.15s
  50. }
  51.  
  52. @keyframes lds-ring {
  53.     0% {
  54.         transform: rotate(0)
  55.     }
  56.     100% {
  57.         transform: rotate(360deg)
  58.     }
  59. }
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