Scroll and Zoom effect in CSS

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 ipsum…

Baffle effect

Welcome to another CSS post. In this post, we will discuss on how we can add baffle effect to a text in HTML document using library. Baffle.js is a tiny JavaScript library for obfuscating and revealing text in DOM elements. Installation Add the library from CDN in the top of HTML document. <script src="<https://cdn.jsdelivr.net/npm/baffle@0.3.6/dist/baffle.min.js&gt;"></script> Add…

%d bloggers like this: