csandreas1 csandreas1 - 2 years ago 156
HTML Question

Full page White background preloader fade in on link click (example)

i was curious on how to do that to apply this on my webpage, if you can see this website :http://www.dynamicworks.eu/ and click on any link at the top, you will notice a smooth fade in white background is appeared. If anyone can tell me how to do it i would be very glad :)

Answer Source

Follow Below code snippet to make it work. Please feel free to ask your queries.

    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:blue ; 
    display: none;
.faded-div a
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="faded-div"><a href="#" class="fade-out">Click To FadeOut</a></div>
  <a href="#" class="fade-in">Click To FadeIn</a>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download