- 146
- 700 478
Snippets Code
India
เข้าร่วมเมื่อ 30 เม.ย. 2023
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
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
Can you do a CSS Tutorial ? the way you teach like this in video ? it is so very unique. Thanks, subscribed.
be my teacher;
Glad it's easier than scroll trigger with GSAP🤩🤩
great video thank you
Good
best than GSAP
good tutorial, very trendy!😀
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!
Next level explanation and presentation
its not working on chrome
Easy Bro ❤ Thank You Sir ❤
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.
You have made me to subscribe dude 🎉
Would love to be improved with native Scroll driven animation & css var 👁️👄👁️
Hey you posted the wrong GitHub link..pls check..what is the file name
Interesting 👏
very good tutorial
Thanks a lot
FAKE
Best explanation
please i want full code on githup
I have mentioned the link to the code in the description
Absolutely Amazing Cannot thank you more😁😁
🙂
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.
🙂
One advice from a dev with 14 years of experience. Don't touch the scroll!
Why?
And you don't even state the reason?
@@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.
@@annacgfx oh okay thank you for the explanation
@@annacgfx apple is doing this from ages
🎉
Something fishy about the audio, where the accent from previous video? Sounds a lot like AI
You are right 😂😂
No one can be perfect 🧐
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
Best explanation with best editing
Yo man cool video. I wonder what software you use to showcase and animate what you talking about for video?
Very useful, thanks 👍
simple one But power full one
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 ❤❤❤
Cool CSS / JS effect, the great tutorial. Thanks
Bro is next level
If you find this video valuable then do Like Share Comment and Subscribe to the channel: th-cam.com/channels/NWGZXzuU9oGggS2egZiKxA.html
Why the AI voice have an accent ???
To make it seem more genuine?
Thanks!
pls can you give me the code
link to the code is in description 🙂
bro this does not work on safari bro, provide more information next time
Amazing tutorial
perfect video for learning how to make a hamburger thanks man ❤❤
Great video but sadly no browser supports this feature LMAO
fr? bruh
@ I tried it, and it only worked in the newest version of safari
tried and on my computer chrome/edge does, firefox not yet
collab with me?
where can i find those books cover images
But how would this menu be used in a real website?
make it load while pressing the hamburger
nowhere near new I'm kinda sad they removed this style of menu from the CS buy menu..
it´s GREAT!!
Amazing! animations are so detailed that I can easily understand, making it dynamic for n number of sectors is truly great!
You’re on your path to a million subs. Keep going
Where do you place that hamburger menu button? Center of the fucking screen?