Animated Responsive Navbar Tutorial with CSS and No Javascript | HTML&CSS | CodeEra

Hello everyone, welcome to the new video of CodeEra
Instagram: www.instagram.com/code_era1999

Animated Responsive Navbar Tutorial with CSS and No Javascript - Tutorial
In the following video, I've tried to create something really different than I've ever created before, it was actually a simple one but I was like really got an idea to try something new and different and finished it. The content of this online tutorial is really unique and different from others.
Thank you very much for watching.
Don't ever forget to see my previous videos, the link is given bellow

Simple drop-down navigation menu:
https://youtu.be/Dgm-bfi0MvQ

Dji product cards using pure css:
https://youtu.be/_nZathJ9TlQ

Simple Portfolio website design:
https://youtu.be/W_t9_ZowxN0

On Hover Split Animation Effects using Pure css:
https://youtu.be/EZYts8PPb30

Animated Card using pure css:
https://youtu.be/0Go55isNLpY

Tutorial of Responsive Portfolio website design:
https://youtu.be/2rakmmkofR0

Pure css animation card hover effect:
https://youtu.be/5PIzEuMbxXg

Tutorial on Flip Book animation:
https://youtu.be/CPRDd2fb9go

Tutorial on pure css login form with glassmorphism:
https://youtu.be/pqQV9lzKsOk

CSS card with Hover animation:
https://youtu.be/_n8fiiU3jNY

My Code Editor: https://code.visualstudio.com/
My Laptop: https://amzn.to/3pM8Qme
Books I refer: https://amzn.to/32Tb3T0
and books like https://amzn.to/36GHt45,
https://amzn.to/36LhoAP

#navigation#menubar#dropdownmenu#htmlandcss#purecss#hovereffect#onhovereffect#navigationmenu#htmlcsstutorial

Queries:
how to use css clip-path property?
how to create responsive navigation menu using HTML and CSS?
how to create a responsive navigation menu using HTML and CSS?
how to create a navigation menu bar with html and CSS?
how to create a ui responsive design?
how to make a responsive menu bar without javascript?
how to create menu bar without javascript?
how to create UI navigation bar design?
how to make responsive menu design?
how to create navbar in html and css?
how to create navbar?
How To Make Navigation Menu using HTML And CSS?
How to Create Responsive Navigation Menu Using Flexbox?
How To Make Hamburger Menu Using HTML And CSS?

Time-stamps:
--------------------------------------------
00:00 preview video
01:48 Basic HTML
03:10 CSS styling
03:55 css clip-path
04:30 styling navbar
05:19 navigation menu
06:03 search tab
07:10 text underlining
07:46 css hover effect
08:38 creating hamburger
09:37 media queries
11:24 onclick animation
11:54 final product
12:34 tablet mode
12:47 mobile mode
--------------------------------------------

on hover effect, text with underline, background-clip property, background-image property, displaying the items, onhover display, navigation bar, css tutorial, hover effect using only css, clip path using css, clip path, css clip path, clip-path, css clip-path, clip-path property, clip-path tutorial, clip-path ui, html css clip-path, clip path css, clip path polygon.

Disclaimer: The content in the above video is for educational purposes. It is based upon the knowledge that I gained from my learnings and subject of interest. The video is completely edited and posted on the CodeEra channel by me and non of the content is copied or obtained from other sources, Thank you.

Видео Animated Responsive Navbar Tutorial with CSS and No Javascript | HTML&CSS | CodeEra канала Haveri ka Krishna