|
|
| Zeile 1: |
Zeile 1: |
| <!DOCTYPE html> | | <div style="font-size:48px; text-align:center;"> |
| <html lang="de">
| | ◐◓◑◒ |
| <head>
| | </div> |
| <meta charset="UTF-8">
| |
| <title>Loading Animation</title>
| |
| <style>
| |
| .loader {
| |
| width: 100px;
| |
| height: 100px;
| |
| border: 10px solid #f3f3f3; /* Hintergrund-Kreis */
| |
| border-top: 10px solid #3498db; /* Farbe, die sich füllt */
| |
| border-radius: 50%; /* macht den Kreis */
| |
| animation: spin 2s linear infinite;
| |
| margin: 50px auto;
| |
| }
| |
| | |
| @keyframes spin {
| |
| 0% { transform: rotate(0deg); }
| |
| 100% { transform: rotate(360deg); }
| |
| }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| | |
| <div class="loader"></div>
| |
| | |
| </body>
| |
| </html>
| |
