Custom page loader with "CSS" & "JavaScript"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Sharing Is Caring!
Facebook
Twitter
LinkedIn

DONATE

Help me keep this site and YouTube channel alive. 🖥❤️

.Get the "code"

*Press the Copy button and pate the code on your site. 

				
					<style>
/** Body Overlay **/
body #load {
    display: block;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9901;
    opacity: 1;
    background-color: #263340;
    visibility: visible;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
}
body #load.loader-removed {
    opacity: 0;
    visibility: hidden;
}
.spinner-loader .load-wrap {
    background-image: url("insert gif animation link");
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    height: 100%;
}
</style>
<div id="load" class="spinner-loader"><div class="load-wrap"></div></div>
<script type="text/javascript">
    // Javascript function to display loader on page load
    document.addEventListener("DOMContentLoaded", function(event) {
        var $load = document.getElementById("load");
        var removeLoading = setTimeout(function() {
            $load.className += " loader-removed";
        }, 1200);
    });
</script>
				
			
Elementor
Jacob Vinjegaard

Custom Page Loader

Custom page loader with “CSS” & “JavaScript” Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Read More »
Elementor
Jacob Vinjegaard

Text Strokes With CSS

Quick And Easy Text Strokes With Simple CSS Learn how to make the trendy text stroke effect with simple CSS code in Elementor, and any

Read More »
Elementor
Jacob Vinjegaard

Glassmorphism In Elementor

GLASSMORPHISM NEW IN 2021 0254   4587   4517   0038 Glassmorphism In Elementor Glassmorphism is a unified name for the popular Frosted Glass aesthetic.

Read More »