<> html { overflow-y: hidden !important; } /* user picked a theme where the "regular" scheme is dark */ /* user picked a theme a light scheme and also enabled a dark scheme */ /* deal with light scheme first */ @media (prefers-color-scheme: light) { html { background-color: #ffffff; } #d-splash .preloader-text-wrapper { color: #28322d; } } /* then deal with dark scheme */ @media (prefers-color-scheme: dark) { html { background-color: #ffffff; } #d-splash .preloader-text-wrapper { color: #28322d; } } #d-splash { display: grid; place-items: center; backface-visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; z-index: 1001; --animation-state: paused; } #d-splash .preloader-image { max-width: 100%; height: 100vh; } #d-splash .preloader-text-wrapper { position: absolute; opacity: 0; animation: fade-in 0.5s ease-in-out; animation-delay: 1s; animation-fill-mode: forwards; animation-play-state: var(--animation-state); margin-bottom: -4em; } #d-splash .preloader-text:after { animation: loading-text 3s infinite; content: ""; position: absolute; margin: 0 0.1em; left: 100%; } .rtl #d-splash .preloader-text:after { left: 0; right: 100%; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes loading-text { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } }

Chargement