studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change picture loader

Browse source
This commit is contained in:
isUnknown 2024-09-17 15:15:22 +02:00
parent f9d3902033
commit caf58781ef
3 changed files with 16 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
assets/css/src/generic.css
View file

@ -186,13 +186,22 @@
opacity: 0;
}
img,
picture svg.hide {
opacity: 0;
.loader {
position: absolute;
width: 40px;
aspect-ratio: 1.154;
--_g: no-repeat radial-gradient(farthest-side, #fff 90%, #0000);
background: var(--_g) 50% 0, var(--_g) 0 100%, var(--_g) 100% 100%;
background-size: 35% calc(35% * 1.154);
animation: l16 1s infinite;
}
picture.hide {
background-color: transparent;
@keyframes l16 {
50%,
100% {
background-position: 100% 100%, 50% 0, 0 100%;
}
}
img {
transition: var(--transition-image-opacity);
}