Jishaan Singhal

 How to install and use Easy Cross-platform Page Scroll Plugin with CDN withoutout download By jishaansinghal 2022 CSS CDN: <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> JS CDN: <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="https://www.jqueryscript.net/demo/one-page-section-scroll/SectionScroll.js"></script> CSS CODE:   body {   margin: 0; } section {   height: 140vh; } section:nth-child(1) {   background-image: linear-gradient(to bottom, #f001d3, #a473ff, #259dff, #00b7ff, #12c7eb); } section:nth-child(2) {  background-image: linear-gradient(to left top, #228fac, #008dd3, #2682f1, #9866f3, #eb12d0); } section:nth-child(3) {  background-image: radial-gradient(circle, #228fac, #008dd3, #2682f1, #9866f3, #eb12d0); } section:nth-child(4) {   background-image: radial-gradient(circle, #f001d3, #a473ff, #259dff, #00b7ff, #12...

How to install and use Sequential Animation Plugin on your website by jishaansinghal 2022 CSS CDN:  <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">         <link href="https://www.jqueryscript.net/demo/Sequential-Animation-Library-jQuery/dist/css/jquery.canvas-animation.min.css?v2" rel="stylesheet"/>         <link href="https://www.jqueryscript.net/demo/Sequential-Animation-Library-jQuery/css/canvas.css" rel="stylesheet"/>         <link href="https://www.jqueryscript.net/demo/Sequential-Animation-Library-jQuery/css/animation.css" rel="stylesheet"/>         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous"> JS CDN:   <script src=...

Happy New year 2022 animation website Design with Full source code by jishaansinghal JS CDN: <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.1/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.1/ScrollTrigger.min.js"></script> HTML CODE: <section> <img src="bg (2).jpg" id="bg"> <img src="cloud1 (1).png" id="cloud1"> <img src="cloud2 (1).png" id="cloud2"> <div id="tree"></div> <div id="text"><img src="hp.png" alt=""></div> </section> CSS CODE: <style> *{ margin: 0; padding: 0; box-sizing: border-box; } body{ background: #f00; height: 200vh; } section{ position: fixed; width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; } section::after{ ...

In this video, I'm going to show you how to Install and use Animated Progressbar With Full Source code by jishaansinghal CSS CDN:  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://www.jqueryscript.net/demo/linear-progress-indicator-bar/assets/css/jquery.rprogessbar.min.css"> <link rel="stylesheet" href="https://www.jqueryscript.net/demo/linear-progress-indicator-bar/assets/css/style.css"> JS CDN: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.1.0/jquery-migrate.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js"></script> <script src="https:/...

I'm going to show you how to add 3D Carousel on the Squarespace website with HTML CSS and JS code by jishaansinghal Paste this code in a Code Block: <div id="contentContainer" class="trans3d"> <section id="carouselContainer" class="trans3d"> <figure id="item1" class="carouselItem trans3d"><div class="carouselItemInner trans3d">1</div></figure> <figure id="item2" class="carouselItem trans3d"><div class="carouselItemInner trans3d">2</div></figure> <figure id="item3" class="carouselItem trans3d"><div class="carouselItemInner trans3d">3</div></figure> <figure id="item4" class="carouselItem trans3d"><div class="carouselItemInner trans3d">4</div></figure> <figure id="item5" class="caro...

In this video, I'm going to show you how to add Interactive 3D Carousel With jQuery And GSAP with full source code by jishaansinghal Code start{ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Interactive 3D Carousel With jQuery And GSAP by jishaansinghal</title> </head> <style type="text/css"> html, body{ background-image: linear-gradient(to left top, #00f6ff, #00d3ff, #00aaff, #7577f0, #af2dab); } body { background-repeat: no-repeat; background-position: top center; width:100%; background-size:cover; height:100%; min-height:1000px; overflow:hidden; font-family: 'quicksandlight', Helvetica, Arial; color:#FFFFFF; text-shadow: -1px -1px 4px rgba(0, 0, 0, .35); filter: d...