s

page load animation css html edit button Edit

author
Murugan Andezuthu Dharmaratnam | calendar 29 July 2021 | 1739

page load animation while the page is loading.

code

<style>
    .centered {
        position: fixed;
        top: 50%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
        z-index: 100000 !important;
    }

</style>
<div id="loading" class="centered">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/disp/585d0331234507.564a1d239ac5e.gif" />
</div>