Last active
July 16, 2016 09:18
-
-
Save shilch/cbc8e332f36ff793021fb72755390034 to your computer and use it in GitHub Desktop.
Loading spinner in CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| .spinner { | |
| display: block; | |
| width: 128px; | |
| height: 128px; | |
| border: 5px solid transparent; | |
| border-top: 5px solid red; | |
| border-radius: 50%; | |
| animation: rotate 2s cubic-bezier(0.35, 0.61, 0.35, 0.61) infinite; | |
| } | |
| @keyframes rotate { | |
| 0% { transform: rotate(0deg); } | |
| 100% { transform: rotate(360deg); } | |
| } | |
| </style> | |
| <div class="spinner"></div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment