Init project
This commit is contained in:
38
templates/component/loader.html.twig
Normal file
38
templates/component/loader.html.twig
Normal file
@@ -0,0 +1,38 @@
|
||||
<div id="loader" data-image--drop-zone-target="loader" class="loader" style="display:none;"></div>
|
||||
|
||||
<style>
|
||||
.loader {
|
||||
display: block;
|
||||
--height-of-loader: 4px;
|
||||
--loader-color: #f59e0b;
|
||||
width: 130px;
|
||||
height: var(--height-of-loader);
|
||||
border-radius: 30px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.loader::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background: var(--loader-color);
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
border-radius: 30px;
|
||||
animation: moving 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes moving {
|
||||
50% {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
100% {
|
||||
width: 0;
|
||||
right: 0;
|
||||
left: unset;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user