mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
33 lines
700 B
HTML
33 lines
700 B
HTML
<div class="loader"></div>
|
|
<style>
|
|
/* From Uiverse.io by Shoh2008 - Tags: loader */
|
|
.loader {
|
|
width: 8px;
|
|
height: 8px;
|
|
position: relative;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
animation: wave_14 1s ease-in infinite;
|
|
}
|
|
|
|
@keyframes wave_14 {
|
|
0% {
|
|
box-shadow: 0 0 0 0px rgba(255, 255,255, 1),
|
|
0 0 0 20px rgba(255, 255,255, 0.2),
|
|
0 0 0 40px rgba(255, 255,255, 0.6),
|
|
0 0 0 60px rgba(255, 255,255, 0.4),
|
|
0 0 0 80px rgba(255, 255,255, 0.2)
|
|
}
|
|
|
|
100% {
|
|
box-shadow: 0 0 0 80px rgba(255, 255,255, 0),
|
|
0 0 0 60px rgba(255, 255,255, 0.2),
|
|
0 0 0 40px rgba(255, 255,255, 0.4),
|
|
0 0 0 20px rgba(255, 255,255, 0.6),
|
|
0 0 0 0px rgba(255, 255,255, 1)
|
|
}
|
|
}
|
|
|
|
|
|
|
|
</style>
|