/*<div class="preloader"></div>*/ .preloader::after { position: absolute; top: 0; bottom: 4%; right: 0; left: 0; content: " "; display: block; margin: auto; height: 32px; width: 32px; box-sizing: border-box; border: solid; border-width: 4px; border-radius: 50%; border-top-color: rgba(0, 0, 0, 0.55); border-bottom-color: rgba(140, 140, 140, 0.2); border-right-color: rgba(140, 140, 140, 0.2); border-left-color: rgba(140, 140, 140, 0.2); animation: rotating 0.3s linear infinite; } @keyframes rotating{ from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter