| 1234567891011121314151617181920212223242526272829303132 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <style>
- .loader {
- border: 5px solid #f3f3f3;
- border-radius: 50%;
- border-top: 5px solid #3498db;
- width: 30px;
- height: 30px;
- -webkit-animation: spin 2s linear infinite;
- animation: spin 2s 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="loader"></div>
- </body>
- </html>
|
