Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .spin { border: 16px solid #0042A4; border-radius: 50%; border-top: 16px solid #3775CF; border-right: 16px solid #619BEE; border-bottom: 16px solid #96BFF9; border-left: 16px solid #C9E0FF; width: 50px; height: 50px; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> </head> <body> <div class="spin"></div> </body> </html>