Snippets Code
Snippets Code
  • 146
  • 700 478
The Ultimate Scroll Animation That Can Elevate Any Website
Hi everyone, Snippets Code here
Focus of today’s video is to create a smooth stacked cards animation on scroll #animation #scroll
Link To Code: github.com/SnippetsDevelop/snippetsdevelop.github.io/blob/master/codes/stacked-card-style.html
🔔 Subscribe now
To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson.
For Business 💼:
snippetsdevelop@gmail.com
มุมมอง: 35 974

วีดีโอ

There is a New Menu Style in the Town... and It's Circular (JavaScript)
มุมมอง 3.3Kหลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to create a unique circular menu Link To Code: github.com/SnippetsDevelop/snippetsdevelop.github.io/blob/master/codes/Circular-Menu.html 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop@gmail.com
CSS Has Evolved So Much... That It Can Even Animate Movies!
มุมมอง 4.9K2 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to recreate superstar rajinikanth sir's title card using css Link To Code: github.com/SnippetsDevelop/snippetsdevelop.github.io/blob/master/codes/title-card.html 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop...
Easy Ways to Boost Your CSS Skills
มุมมอง 3.2K4 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to discuss about shorthand ways of 7 most used CSS properties 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop@gmail.com #htmlcsswebsitedesigntutorial #htmlcsswebsite #htmlcsswebsitedesign #htmlcsswebsitetutori...
How To Detect IP Address Using JS
มุมมอง 2.1K4 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to Detect IP Address Using JS 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop@gmail.com #htmlcsswebsitedesigntutorial #htmlcsswebsite #htmlcsswebsitedesign #htmlcsswebsitetutorial #htmlcsswebsiteproject #htmlc...
Replacing A String 2000 Times Per Minute... Creates An Amazing Visual Effect
มุมมอง 71K4 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to discuss about beautiful Fire Effect using JS Link to Code: github.com/SnippetsDevelop/snippetsdevelop.github.io/blob/master/codes/FireChars.html Link To Mr Florent Portfolio: www.flo.rent/ 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. F...
You Should Stop Writing Hover This Way In 2025
มุมมอง 26K5 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to discuss about nested css 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop@gmail.com #htmlcsswebsitedesigntutorial #htmlcsswebsite #htmlcsswebsitedesign #htmlcsswebsitetutorial #htmlcsswebsiteproject #htmlcss...
6 Ways To Center A Div That Every Developer Must Know
มุมมอง 4K5 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to discuss about 6 different ways to center a Div in css 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop@gmail.com
Create Accordion With Just 3 LINES Of Code (No Libraries Needed)
มุมมอง 4.1K5 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to create an accordion using the new CSS feature, that enables to create to the accordion with three simple lines 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop@gmail.com #htmlcsswebsitedesigntutorial #htmlcs...
Create a Popup With Just 2 LINES Of Code (No Libraries Needed)
มุมมอง 25K6 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to create a popup using the new CSS feature, that enables to create the the popup with two simple lines 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop@gmail.com #htmlcsswebsitedesigntutorial #htmlcsswebsite #...
How Can You Really Transition From Height 0 To Auto
มุมมอง 2.1K6 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to create a simple transition from Height 0 To Auto using CSS 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop@gmail.com
Transition Display Block to None... is Now Possible!
มุมมอง 2.4K6 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to create a simple transition from display block to none using the new CSS features 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. For Business 💼: snippetsdevelop@gmail.com
Password Toggle with Torch Light Effect using JS
มุมมอง 1.5K6 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to create a unique password toggle, that looks like a torchlight being focused 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. Link to Code: github.com/SnippetsDevelop/snippetsdevelop.github.io/blob/master/codes/password-light-effect.html Fo...
I Made The Simplest Form Possible... Using CSS
มุมมอง 1.6K6 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to create #simple #form using #css and little #javascript for form submission. The #form has in-place #loading state and #submit status 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. Link to Code: github.com/SnippetsDevelop/snippetsdevelop....
Code CSS Directly Inside the Browser (Not Using Inspect Elements)
มุมมอง 2.5K6 หลายเดือนก่อน
Hi everyone, Snippets Code here Focus of today’s video is to provide a simple and unique trick to code the CSS directly inside the browser. 🔔 Subscribe now To stay updated on our upcoming design tutorials. Don't forget to hit that notification bell so you never miss a valuable lesson. Link to Code: github.com/SnippetsDevelop/snippetsdevelop.github.io/blob/master/codes/CSS in Browser.html For Bu...
Host Your Website For FREE Using Github Pages
มุมมอง 1.5K6 หลายเดือนก่อน
Host Your Website For FREE Using Github Pages
Innovative Ways Of Using Not() In CSS | Explained with examples
มุมมอง 1.1K7 หลายเดือนก่อน
Innovative Ways Of Using Not() In CSS | Explained with examples
EASIEST Way to Create a Multi Level Menu | Pure CSS (In 3 MINS)
มุมมอง 4.4K7 หลายเดือนก่อน
EASIEST Way to Create a Multi Level Menu | Pure CSS (In 3 MINS)
Animate On Scroll With Just 3 LINES Of CSS (No Libraries Needed)
มุมมอง 339K7 หลายเดือนก่อน
Animate On Scroll With Just 3 LINES Of CSS (No Libraries Needed)
I Built a Reponsive Website In 10 Mins (HTML CSS)
มุมมอง 8K7 หลายเดือนก่อน
I Built a Reponsive Website In 10 Mins (HTML CSS)
Create an Ultimate Responsive Hamburger Menu Using JS
มุมมอง 3K8 หลายเดือนก่อน
Create an Ultimate Responsive Hamburger Menu Using JS
Create Tabs Using HTML CSS Only (Under 3 MINS!)
มุมมอง 2.7K8 หลายเดือนก่อน
Create Tabs Using HTML CSS Only (Under 3 MINS!)
Generate Videos From Images Using CSS
มุมมอง 9278 หลายเดือนก่อน
Generate Videos From Images Using CSS
Overlay Text on Images on HOVER Using CSS
มุมมอง 1.2K9 หลายเดือนก่อน
Overlay Text on Images on HOVER Using CSS
A Simple Infinite Slider EVERY Developer Should Know
มุมมอง 3.2K9 หลายเดือนก่อน
A Simple Infinite Slider EVERY Developer Should Know
Animated Waves Effect on Button Hover Using HTML CSS
มุมมอง 2.9K9 หลายเดือนก่อน
Animated Waves Effect on Button Hover Using HTML CSS
How To Make Your Website To Follow Your Cursor - ( Using JS )
มุมมอง 1.6K9 หลายเดือนก่อน
How To Make Your Website To Follow Your Cursor - ( Using JS )
The Animated 3D Button Every Developer Should Know (Pure CSS)
มุมมอง 2.1K9 หลายเดือนก่อน
The Animated 3D Button Every Developer Should Know (Pure CSS)
Elevate Your Website with this 3D MENU 🤯 - (JavaScript Tutorial)
มุมมอง 2.5K9 หลายเดือนก่อน
Elevate Your Website with this 3D MENU 🤯 - (JavaScript Tutorial)
How to Create Book Style Accordion / Collapsible Div Using HTML CSS
มุมมอง 85310 หลายเดือนก่อน
How to Create Book Style Accordion / Collapsible Div Using HTML CSS

ความคิดเห็น

  • @ecoBag-777
    @ecoBag-777 19 ชั่วโมงที่ผ่านมา

    Can you do a CSS Tutorial ? the way you teach like this in video ? it is so very unique. Thanks, subscribed.

  • @ব্যতিক্রম-ণ৮ব
    @ব্যতিক্রম-ণ৮ব 19 ชั่วโมงที่ผ่านมา

    be my teacher;

  • @ModderorWot-ci1zj
    @ModderorWot-ci1zj 19 ชั่วโมงที่ผ่านมา

    Glad it's easier than scroll trigger with GSAP🤩🤩

  • @hamzameliki7576
    @hamzameliki7576 4 วันที่ผ่านมา

    great video thank you

  • @harshrawat503
    @harshrawat503 4 วันที่ผ่านมา

    Good

  • @mhsn27mhsn10
    @mhsn27mhsn10 4 วันที่ผ่านมา

    best than GSAP

  • @sbJin
    @sbJin 5 วันที่ผ่านมา

    good tutorial, very trendy!😀

  • @marlinho206
    @marlinho206 6 วันที่ผ่านมา

    your videos are amazing! I would like to ask as a video suggestion. to make a website creation web digital agency website, modern, animated (in 3d format for example), responsive and with semantic tags. I'm from Brazil, I'm from the state of Rio de Janeiro, I'm always watching your content and share your videos with friends. Thank you for making the video with my suggestion!

  • @jahid07
    @jahid07 8 วันที่ผ่านมา

    Next level explanation and presentation

  • @SHLIGHTNINGGAMING241
    @SHLIGHTNINGGAMING241 8 วันที่ผ่านมา

    its not working on chrome

  • @PankajKumarMaurya_
    @PankajKumarMaurya_ 8 วันที่ผ่านมา

    Easy Bro ❤ Thank You Sir ❤

  • @PreCodeCamp
    @PreCodeCamp 9 วันที่ผ่านมา

    Definitely, you provided an innovative approach to creating scroll-triggered animations, but it's not a standard CSS feature yet. The animation-timeline and animation-range properties are experimental features that aren't widely supported in current browsers (as of January 2025). These properties are part of the CSS Scroll-Linked Animations Module, which is still in development.

  • @ReactGuide
    @ReactGuide 10 วันที่ผ่านมา

    You have made me to subscribe dude 🎉

  • @mathnewph
    @mathnewph 10 วันที่ผ่านมา

    Would love to be improved with native Scroll driven animation & css var 👁️👄👁️

  • @econut7167
    @econut7167 11 วันที่ผ่านมา

    Hey you posted the wrong GitHub link..pls check..what is the file name

  • @pradeep.chandragiri
    @pradeep.chandragiri 11 วันที่ผ่านมา

    Interesting 👏

  • @StPaaty
    @StPaaty 12 วันที่ผ่านมา

    very good tutorial

  • @teveoenlaweb
    @teveoenlaweb 12 วันที่ผ่านมา

    Thanks a lot

    • @Bloxd2
      @Bloxd2 5 วันที่ผ่านมา

      FAKE

  • @fahim_code
    @fahim_code 13 วันที่ผ่านมา

    Best explanation

  • @ahmadahmad167
    @ahmadahmad167 13 วันที่ผ่านมา

    please i want full code on githup

    • @Snippets_Code
      @Snippets_Code 10 วันที่ผ่านมา

      I have mentioned the link to the code in the description

  • @HarshitSharma-nj7bt
    @HarshitSharma-nj7bt 13 วันที่ผ่านมา

    Absolutely Amazing Cannot thank you more😁😁

  • @sumitBM
    @sumitBM 13 วันที่ผ่านมา

    Seriously! The level of this type of tutorial is truly tremendous. Line by line of CSS code and its result through animation effect in the video made it very lucid.

  • @namaefumei
    @namaefumei 14 วันที่ผ่านมา

    One advice from a dev with 14 years of experience. Don't touch the scroll!

    • @Ahmed-Bn-Magdy
      @Ahmed-Bn-Magdy 12 วันที่ผ่านมา

      Why?

    • @besto_
      @besto_ 11 วันที่ผ่านมา

      And you don't even state the reason?

    • @annacgfx
      @annacgfx 11 วันที่ผ่านมา

      @@besto_ It's called scrolljacking and is considered bad practice unless you want a website that's flashy over functional and don't care much about retaining the attention of your users. There's some use cases where the use of scrolljacking could maybe be forgiven for example an agency or studio website or a portfolio website for a motion graphics artist, designer or developer since it shows off your skills.

    • @besto_
      @besto_ 11 วันที่ผ่านมา

      @@annacgfx oh okay thank you for the explanation

    • @Shivrajsinh
      @Shivrajsinh 7 วันที่ผ่านมา

      ​@@annacgfx apple is doing this from ages

  • @nosaibaah7367
    @nosaibaah7367 14 วันที่ผ่านมา

    🎉

  • @lordvadher4
    @lordvadher4 16 วันที่ผ่านมา

    Something fishy about the audio, where the accent from previous video? Sounds a lot like AI

    • @Xics-c5c
      @Xics-c5c 13 วันที่ผ่านมา

      You are right 😂😂

  • @otitologos
    @otitologos 16 วันที่ผ่านมา

    No one can be perfect 🧐

  • @blackmmo3602
    @blackmmo3602 16 วันที่ผ่านมา

    Explaining the code in this unique way, this is the best educational content on TH-cam, by all means, keep going, you have a bright future in this field

  • @vishalkumarchoudhary8497
    @vishalkumarchoudhary8497 16 วันที่ผ่านมา

    Best explanation with best editing

  • @jakema4o
    @jakema4o 16 วันที่ผ่านมา

    Yo man cool video. I wonder what software you use to showcase and animate what you talking about for video?

  • @solomonseidu4435
    @solomonseidu4435 17 วันที่ผ่านมา

    Very useful, thanks 👍

  • @New1-f4q
    @New1-f4q 17 วันที่ผ่านมา

    simple one But power full one

  • @italo.natan.designer
    @italo.natan.designer 17 วันที่ผ่านมา

    Que vídeo tão explicativo, que edição de vídeo incrível e que conteúdo tão didático e visual fácil de aprender. Parabéns, isso é maravilhoso ❤❤❤

  • @2difficult2do
    @2difficult2do 17 วันที่ผ่านมา

    Cool CSS / JS effect, the great tutorial. Thanks

  • @balajichandrasekar497
    @balajichandrasekar497 17 วันที่ผ่านมา

    Bro is next level

  • @Snippets_Code
    @Snippets_Code 18 วันที่ผ่านมา

    If you find this video valuable then do Like Share Comment and Subscribe to the channel: th-cam.com/channels/NWGZXzuU9oGggS2egZiKxA.html

  • @Amine75001
    @Amine75001 24 วันที่ผ่านมา

    Why the AI voice have an accent ???

    • @dominiksramko
      @dominiksramko 17 วันที่ผ่านมา

      To make it seem more genuine?

  • @sai_charan
    @sai_charan 28 วันที่ผ่านมา

    Thanks!

  • @blackgamerz999
    @blackgamerz999 29 วันที่ผ่านมา

    pls can you give me the code

    • @Snippets_Code
      @Snippets_Code 28 วันที่ผ่านมา

      link to the code is in description 🙂

  • @Tyler_boykid
    @Tyler_boykid หลายเดือนก่อน

    bro this does not work on safari bro, provide more information next time

  • @encaraMessi1
    @encaraMessi1 หลายเดือนก่อน

    Amazing tutorial

  • @Alan_shrx112
    @Alan_shrx112 หลายเดือนก่อน

    perfect video for learning how to make a hamburger thanks man ❤❤

  • @luisttv6468
    @luisttv6468 หลายเดือนก่อน

    Great video but sadly no browser supports this feature LMAO

    • @arztareef
      @arztareef หลายเดือนก่อน

      fr? bruh

    • @luisttv6468
      @luisttv6468 หลายเดือนก่อน

      @ I tried it, and it only worked in the newest version of safari

    • @superyngo
      @superyngo หลายเดือนก่อน

      tried and on my computer chrome/edge does, firefox not yet

  • @kiorst9190
    @kiorst9190 หลายเดือนก่อน

    collab with me?

  • @Madesh-j5z
    @Madesh-j5z หลายเดือนก่อน

    where can i find those books cover images

  • @ErvinBehxheti
    @ErvinBehxheti หลายเดือนก่อน

    But how would this menu be used in a real website?

    • @ALTXZ.0
      @ALTXZ.0 4 วันที่ผ่านมา

      make it load while pressing the hamburger

  • @kipchickensout
    @kipchickensout หลายเดือนก่อน

    nowhere near new I'm kinda sad they removed this style of menu from the CS buy menu..

  • @saragismondi1391
    @saragismondi1391 หลายเดือนก่อน

    it´s GREAT!!

  • @Saadullahkhan3
    @Saadullahkhan3 หลายเดือนก่อน

    Amazing! animations are so detailed that I can easily understand, making it dynamic for n number of sectors is truly great!

  • @amirrezaranjbar2853
    @amirrezaranjbar2853 หลายเดือนก่อน

    You’re on your path to a million subs. Keep going

  • @Jack-oi8gn
    @Jack-oi8gn หลายเดือนก่อน

    Where do you place that hamburger menu button? Center of the fucking screen?