br0tkasten/test.creative-crafter.de
1
0
Fork 0
Code

neu

Browse Source
This commit is contained in:
matt 2025-01-31 18:08:16 +01:00
parent e14fa1457b
commit ed19ae5514
1 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
laden.html
View File

@ -5,17 +5,40 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ladeanimation Beispiel</title> <title>Ladeanimation Beispiel</title>
<script type="module" src="https://cdn.jsdelivr.net/npm/ldrs/dist/auto/quantum.js"></script> <script type="module" src="https://cdn.jsdelivr.net/npm/ldrs/dist/auto/quantum.js"></script>
<style>
body, html {
height: 100%;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.loader-container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.8); /* Optional: Ein halbtransparenter Hintergrund */
z-index: 9999; /* Sicherstellen, dass die Ladeanimation immer im Vordergrund ist */
}
</style>
</head> </head>
<body> <body>
<!-- Deine anderen Inhalte hier -->
<!-- Ladeanimation --> <!-- Ladeanimation -->
<div class="loader-container">
<l-quantum <l-quantum
size="45" size="45"
speed="1.75" speed="1.75"
color="black" color="black"
></l-quantum> ></l-quantum>
</div>
<!-- Weitere Inhalte --> <!-- Deine anderen Inhalte hier -->
</body> </body>
</html> </html>