Scroll and Zoom effect in CSS

https://youtu.be/WGzaq31uQ7M For basic styles adding bootstrap UI cdn. And for DOM manipulation, adding jquery cdn in the header of html document. <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script> Adding main image Adding some high quality image from google search results. <div class="header" id="parallex"> <img class="header-image" src="https://handluggageonly.co.uk/wp-content/uploads/2015/12/London-1.jpg" alt=""> </div> Adding some random content Adding some lorem…

Parallax & Zoom effect

Parallax & Zoom effect is one of the popular effect to add in the homepage or single blog page. In this post, we will see how we can achieve a simple Parallax & Zoom effect. For this, we need a wide image which can serve in the top of page. I'm using jQuery for custom…

%d bloggers like this: