redoc.loading { position: relative; display: block; min-height:350px; } @keyframes rotate { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } redoc.loading:before { font-family: Helvetica; content: "Loading"; font-size: 24px; text-align: center; padding-top: 40px; color: #0033a0; font-weight: normal; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: white; z-index: 9999; opacity: 1; transition: all 0.6s ease-out; } redoc.loading:after { z-index: 10000; background-image: url('data:image/svg+xml;utf8,'); animation: 2s rotate linear infinite; width: 50px; height: 50px; position: absolute; content: ""; left: 50%; margin-left: -25px; background-size: cover; top: 75px; transition: all 0.6s ease-out; opacity: 1; } redoc.loading-remove:before, redoc.loading-remove:after { opacity: 0; }