HTML



<div id="home" class="relative padding-20 border-box middle">
    <div class="background"><img id="home-background" class="image" src="https://web.imasmi.com/plugin/WebCss/file/jose-vazquez-db0yt-Qgifw-unsplash.jpg"/></div>
    
    <div class="text-center relative white">
        <div>Created with <a href="https://web.imasmi.com/webcss" target="blank">WebCss</a></div>
        <div>Photo by <a href="https://unsplash.com/@jess33mx?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Jose Vazquez</a> on <a href="https://unsplash.com/s/photos/beach-bar?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></div>
    </div>
</div>

CSS


    #home{color: #ffffff; font-family: sans-serif, helvetica; height: 800px;}
    #home a{color: #00ffcf; text-decoration: none;}
    #home-background{filter: brightness(0.5);}
    * {scrollbar-width: thin;scrollbar-color: #00ffcf #555555;}
    body::-webkit-scrollbar {height: 12px;}
    body::-webkit-scrollbar-track {background: #555555;}
    body::-webkit-scrollbar-thumb {background-color: #00ffcf;border-radius: 20px;border: 3px solid #555555;}

JavaScript


Imasmi web loading