[text] rommel

Viewer

  1. #loading{ position: fixed; inset: 0; bottom: auto; z-index: 100; display: flex; height: 100vh; align-items: center; justify-content: center; background-color: rgba(255,255,255,0.95); }
  2.         #loading>div{ text-align: center; }
  3.                 #loading>div .fa{ animation: 1s spin infinite linear; color: #000000; font-size: 36px; }
  4.                 #loading>div span{ position: relative; display: block; padding: 20px 0 0; color: #000000; font-size: 12px; font-weight: 700; text-align: center; }
  5. @keyframes spin{
  6.         to{ transform: rotateZ(360deg); }
  7. }
  8.  
  9.  
  10. <transition name="fade"><div id="loading" v-if="loading"><div><i class="fa fa-spinner"></i> <span>{{loadingmsg}}</span></div></div></transition>

Editor

You can edit this paste and save as new:


File Description
  • rommel
  • Paste Code
  • 23 Mar-2023
  • 671 Bytes
You can Share it: