lilo
4 weeks ago

How to fade in a div on my website in 2 seconds

Posted 4 weeks ago by lilo

Hi,

In my index page, I want to hide my loader after 2 seconds.

Here is my loader:

<body class="load-full-screen scroll-assist">

    <!-- BEGIN: PRELOADER -->
    <div id="loader" class="load-full-screen">
        <div class="loading-animation">
            <span><i class="fa fa-plane"></i></span>
            <span><i class="fa fa-bed"></i></span>
            <span><i class="fa fa-ship"></i></span>
            <span><i class="fa fa-suitcase"></i></span>
        </div>
    </div>
    <!-- END: PRELOADER -->
<div class="nav-container">
	----content---
</div>

</body>

How to write this script and make loader div display none and nav container display block?

Please sign in or create an account to participate in this conversation.