Code With Nazia

@UC5Gdcs-hVD7s2xHKA4ZGR7g - 919 subscribers

🖥️ Code with Nazia — Where code meets creativity || Learn HTML, CSS & beginner friendly JavaScript. Whether you're a beginner or brushing up on the basics, you’ll find: 🎯 Bite-sized, practical tutorials 💡 Smooth animations & hover effects 🧪 Hands-on coding projects 📱 Responsive design techniques No fluff — just clean, creative code made simple. Subscribe and start building beautiful websites — One line of code at a time with Nazia. 💻✨

Home Videos Live Playlists

Cloud Upload Loader Animation in Pure CSS | No SVG No JavaScript

Cloud Upload Loader Animation in Pure CSS | No SVG No JavaScript Code With Nazia

9 views - 1 day ago

Create Animated Success Message Using HTML & CSS | UI Animation for Beginners

Create Animated Success Message Using HTML & CSS | UI Animation for Beginners Code With Nazia

11 views - 3 days ago

Pure CSS Envelope Letter Animation | HTML CSS Hover Effect Tutorial (No JS)

Pure CSS Envelope Letter Animation | HTML CSS Hover Effect Tutorial (No JS) Code With Nazia

29 views - 5 days ago

Folder Loader Animation Using Pure HTML & CSS | No JavaScript

Folder Loader Animation Using Pure HTML & CSS | No JavaScript Code With Nazia

28 views - 1 week ago

Rolling Radio Button Animation using HTML CSS | Smooth UI Effect

Rolling Radio Button Animation using HTML CSS | Smooth UI Effect Code With Nazia

20 views - 1 week ago

Modern Product Card Design Using HTML & CSS | Hover Animation UI

Modern Product Card Design Using HTML & CSS | Hover Animation UI Code With Nazia

19 views - 1 week ago

Interactive Card Stack Hover Animation | HTML CSS & JavaScript

Interactive Card Stack Hover Animation | HTML CSS & JavaScript Code With Nazia

37 views - 2 weeks ago

Card Hover Effect 🔥 HTML & CSS

Card Hover Effect 🔥 HTML & CSS Code With Nazia

11 views - 2 weeks ago

Modern Login Page UI Design Using HTML & CSS | Glassmorphism Login Form

Modern Login Page UI Design Using HTML & CSS | Glassmorphism Login Form Code With Nazia

40 views - 2 weeks ago

Create an Open Book Loader Animation Using Pure HTML & CSS (No SVG)

Create an Open Book Loader Animation Using Pure HTML & CSS (No SVG) Code With Nazia

39 views - 3 weeks ago

File Fetching Loader Animation Using Pure CSS Modern Loading UI

File Fetching Loader Animation Using Pure CSS Modern Loading UI Code With Nazia

26 views - 3 weeks ago

Upgrade Pricing UI Using Radio Buttons HTML & CSS Only

Upgrade Pricing UI Using Radio Buttons HTML & CSS Only Code With Nazia

21 views - 4 weeks ago

Advanced CSS Hover Effect | Staircase Menu Using :has()

Advanced CSS Hover Effect | Staircase Menu Using :has() Code With Nazia

42 views - 1 month ago

Creative CSS Navigation Menu Hover Animation | Font Awesome Icons

Creative CSS Navigation Menu Hover Animation | Font Awesome Icons Code With Nazia

30 views - 1 month ago

Social Media Icon Hover Effect Using HTML & CSS | Font Awesome Icons

Social Media Icon Hover Effect Using HTML & CSS | Font Awesome Icons Code With Nazia

38 views - 1 month ago

🔥 Rotating Gradient Glow Loader Animation using HTML & CSS | Modern CSS Spinner

🔥 Rotating Gradient Glow Loader Animation using HTML & CSS | Modern CSS Spinner Code With Nazia

45 views - 1 month ago

Glowing Power Switch Button with Icon HTML & CSS Toggle Animation

Glowing Power Switch Button with Icon HTML & CSS Toggle Animation Code With Nazia

32 views - 1 month ago

Login Form UI Design Using HTML & CSS | Modern Login Page Tutorial

Login Form UI Design Using HTML & CSS | Modern Login Page Tutorial Code With Nazia

94 views - 1 month ago

Pure CSS Burger Menu Animation | Hamburger to Close Icon | HTML CSS Tutorial

Pure CSS Burger Menu Animation | Hamburger to Close Icon | HTML CSS Tutorial Code With Nazia

82 views - 1 month ago

Modern Profile Card Design Using HTML & CSS | Responsive Profile Card UI Code With Nazia

118 views - 1 month ago

Modern Social Media Icon Hover UI Using HTML & CSS | Clean Flexbox Design

Modern Social Media Icon Hover UI Using HTML & CSS | Clean Flexbox Design Code With Nazia

47 views - 1 month ago

Build a Monochrome Color Palette UI with Smooth Hover Effect | HTML & CSS Tutorial

Build a Monochrome Color Palette UI with Smooth Hover Effect | HTML & CSS Tutorial Code With Nazia

17 views - 1 month ago

Create a Modern eCommerce Product Card with HTML & CSS

Create a Modern eCommerce Product Card with HTML & CSS Code With Nazia

63 views - 1 month ago

Pure CSS Moon Animation 🌙 | Create a Crescent Moon Using HTML & CSS

Pure CSS Moon Animation 🌙 | Create a Crescent Moon Using HTML & CSS Code With Nazia

57 views - 1 month ago

How to Create a Flip Card Hover Effect Using HTML & CSS (Step-by-Step Tutorial)

How to Create a Flip Card Hover Effect Using HTML & CSS (Step-by-Step Tutorial) Code With Nazia

55 views - 1 month ago

🔥 Pure CSS Infinite Scrolling Tags Animation | Step-by-Step Tutorial | No JavaScript Needed!

🔥 Pure CSS Infinite Scrolling Tags Animation | Step-by-Step Tutorial | No JavaScript Needed! Code With Nazia

22 views - 1 month ago

How to Create a Stylish CSS Button Hover Effect (Step-by-Step Tutorial)

How to Create a Stylish CSS Button Hover Effect (Step-by-Step Tutorial) Code With Nazia

40 views - 1 month ago

Gradient Book Hover Effect Using Pure HTML & CSS | 3D Animation UI Design Tutorial

Gradient Book Hover Effect Using Pure HTML & CSS | 3D Animation UI Design Tutorial Code With Nazia

76 views - 1 month ago

Create Modern Glassmorphism Cards Using HTML & CSS | UI Design Tutorial

Create Modern Glassmorphism Cards Using HTML & CSS | UI Design Tutorial Code With Nazia

36 views - 2 months ago

Sticky Overlapping Scroll Effect using Pure HTML & CSS | Sticky Card Animation Tutorial

Sticky Overlapping Scroll Effect using Pure HTML & CSS | Sticky Card Animation Tutorial Code With Nazia

38 views - 2 months ago

Modern Animated Navigation Menu Hover Effect Using HTML & CSS | Cool Navbar Animation Tutorial

Modern Animated Navigation Menu Hover Effect Using HTML & CSS | Cool Navbar Animation Tutorial Code With Nazia

27 views - 2 months ago

3D Flip Card Hover Effect Using HTML & CSS | Smooth Card Flip Animation Tutorial | Code with Nazia

3D Flip Card Hover Effect Using HTML & CSS | Smooth Card Flip Animation Tutorial | Code with Nazia Code With Nazia

61 views - 2 months ago

Responsive Pricing Radio Selector using HTML & CSS | Modern Subscription Plan Toggle UI

Responsive Pricing Radio Selector using HTML & CSS | Modern Subscription Plan Toggle UI Code With Nazia

40 views - 2 months ago

Unique ON/OFF Switch Button Using HTML & CSS | Creative Radio Button Animation | Code with Nazia

Unique ON/OFF Switch Button Using HTML & CSS | Creative Radio Button Animation | Code with Nazia Code With Nazia

21 views - 2 months ago

Bouncing Loader Animation Using HTML & CSS | Simple CSS Animation Tutorial | Code with Nazia

Bouncing Loader Animation Using HTML & CSS | Simple CSS Animation Tutorial | Code with Nazia Code With Nazia

40 views - 2 months ago

CSS Floating Card Hover Effect | Modern 3D Card Design Using HTML & CSS

CSS Floating Card Hover Effect | Modern 3D Card Design Using HTML & CSS Code With Nazia

116 views - 2 months ago

Not Allowed Button Hover Effect Using HTML & CSS | Unique Shake Animation Button Design Tutorial

Not Allowed Button Hover Effect Using HTML & CSS | Unique Shake Animation Button Design Tutorial Code With Nazia

43 views - 2 months ago

3D Skew Button Hover Effect Using Only HTML & CSS | Modern Button Animation Tutorial

3D Skew Button Hover Effect Using Only HTML & CSS | Modern Button Animation Tutorial Code With Nazia

62 views - 2 months ago

Animated Favorite Heart Toggle Button using HTML & CSS | Add to Favorites UI Design

Animated Favorite Heart Toggle Button using HTML & CSS | Add to Favorites UI Design Code With Nazia

30 views - 2 months ago

🚀 Rocket Launch Button Animation using HTML & CSS | Css Button Design Tutorial

🚀 Rocket Launch Button Animation using HTML & CSS | Css Button Design Tutorial Code With Nazia

83 views - 2 months ago

Responsive Css Alert Notification UI with Hover Effects | HTML & CSS Tutorial

Responsive Css Alert Notification UI with Hover Effects | HTML & CSS Tutorial Code With Nazia

42 views - 2 months ago

🌤️ Floating Sun and Cloud Animation Using HTML & CSS | Weather Animation UI

🌤️ Floating Sun and Cloud Animation Using HTML & CSS | Weather Animation UI Code With Nazia

32 views - 2 months ago

👉 Pure CSS Bulb Toggle Switch | Unique Lever Toggle Button Animation | HTML & CSS Tutorial

👉 Pure CSS Bulb Toggle Switch | Unique Lever Toggle Button Animation | HTML & CSS Tutorial Code With Nazia

54 views - 2 months ago

How to Create a Neomorphic Bolt Button using HTML & CSS | Css Button Tutorial

How to Create a Neomorphic Bolt Button using HTML & CSS | Css Button Tutorial Code With Nazia

53 views - 3 months ago

Order Tracking Page Design using HTML & CSS | Modern Order Status UI | Step Tracker Animation

Order Tracking Page Design using HTML & CSS | Modern Order Status UI | Step Tracker Animation Code With Nazia

95 views - 3 months ago

Animated Radio Button Using Only HTML & CSS | Glassmorphism Effects | CSS Animation Tutorial

Animated Radio Button Using Only HTML & CSS | Glassmorphism Effects | CSS Animation Tutorial Code With Nazia

47 views - 3 months ago

✨ Unique Glow Button Hover Animation | CSS Button Effects Tutorial | HTML & CSS Only

✨ Unique Glow Button Hover Animation | CSS Button Effects Tutorial | HTML & CSS Only Code With Nazia

67 views - 3 months ago

Cute Bear Toggle Switch Using Pure CSS 🧸 | CSS Animation Tutorial | UI Toggle Button Design

Cute Bear Toggle Switch Using Pure CSS 🧸 | CSS Animation Tutorial | UI Toggle Button Design Code With Nazia

56 views - 3 months ago

File Explorer Style Folder Loader Animation using HTML & CSS | Modern Loading UI Design Tutorial

File Explorer Style Folder Loader Animation using HTML & CSS | Modern Loading UI Design Tutorial Code With Nazia

49 views - 3 months ago

Responsive Device Loader Animation Using HTML & CSS | PC, Tablet & Mobile Loader UI Design

Responsive Device Loader Animation Using HTML & CSS | PC, Tablet & Mobile Loader UI Design Code With Nazia

39 views - 3 months ago

Animated Subscribe Form with CSS | Add Fun Image Effects to Your Forms

Animated Subscribe Form with CSS | Add Fun Image Effects to Your Forms Code With Nazia

26 views - 3 months ago

✅ Build a To-Do List with Line-Through Effect | HTML & CSS UI Animation | Frontend Project Tutorial

✅ Build a To-Do List with Line-Through Effect | HTML & CSS UI Animation | Frontend Project Tutorial Code With Nazia

46 views - 3 months ago

How to Create a 3D Rotating Tree Animation using Only HTML & CSS | Step by Step CSS 3D Tutorial 🌲

How to Create a 3D Rotating Tree Animation using Only HTML & CSS | Step by Step CSS 3D Tutorial 🌲 Code With Nazia

99 views - 3 months ago

3D Username Input Field Using HTML & CSS | with Font Awesome Icon | Input Animation Tutorial

3D Username Input Field Using HTML & CSS | with Font Awesome Icon | Input Animation Tutorial Code With Nazia

95 views - 3 months ago

Create a Realistic 3D Button with Drop Shadow Using Only HTML & CSS | Full Tutorial

Create a Realistic 3D Button with Drop Shadow Using Only HTML & CSS | Full Tutorial Code With Nazia

111 views - 3 months ago

How to Create a Neumorphic Power Button Using HTML & CSS

How to Create a Neumorphic Power Button Using HTML & CSS Code With Nazia

47 views - 3 months ago

How to Create a 3D Glass Flip Card Animation with Glowing Border | HTML & CSS Tutorial

How to Create a 3D Glass Flip Card Animation with Glowing Border | HTML & CSS Tutorial Code With Nazia

113 views - 3 months ago

How to Create a Ripple Loader with Glowing Icon using Pure CSS | Step-by-Step Tutorial

How to Create a Ripple Loader with Glowing Icon using Pure CSS | Step-by-Step Tutorial Code With Nazia

91 views - 3 months ago

How to Build a CSS Hover Navigation Menu with Circle Glow Animation | HTML & CSS Tutorial

How to Build a CSS Hover Navigation Menu with Circle Glow Animation | HTML & CSS Tutorial Code With Nazia

41 views - 3 months ago

How to Create a Profile Card with Social Media Icons | HTML & CSS Tutorial Code With Nazia

84 views - 4 months ago