CSS Tabs with Slide Indicator | Create Tabs using only HTML & CSS

CSS Tabs with Slide Indicator | Create Tabs using only HTML & CSS
Hello from this video you are going to learn how to create tabs using HTML and CSS.
If you want to create tabs without using JavaScript or jquery, you can see this tutorial.
Animated tabs with an indicator can be useful to create a minimal design but the user still knows where they are.
These CSS tabs would go nicely on a product landing page to explain the different features of a product or service.
#css #css tabs #html #css tabs with slide indicator

[@avenrosietwitch]

thanks, really helped me with my ecommerce website for my course

[@LiteMap-tv9nb]

Great to hear!

[@mkamranusmanipk]

Great work keep it up... thanks for the great video.

[@LiteMap-tv9nb]

Thanks a lot

[@janquieldapper]

Beatiful, amazing!

[@LiteMap-tv9nb]

Thanks a lot

[@solarspear27]

Clever!

[@LiteMap-tv9nb]

Thanks a lot

[@sandalilakshika9958]

Well done..

[@LiteMap-tv9nb]

Thank you😍😍

[@code_q_and_a]

Superb ❤😊

[@LiteMap-tv9nb]

Thank you😍

[@yaseen2002]

Responsive...

[@LiteMap-tv9nb]

Sorry, It is not responsive, I will create responsive tab next time.

[@codesbyte12]

Hi
Bro please creat kalilinux clone with responsive and draggable terminal , responsive kali navbar please

[@LiteMap-tv9nb]

Ok, bro. I will try next time.

[@codesbyte12]

@@LiteMap-tv9nb thanks

[@uncolorr]

why adding a linear gradient works for everyone but for me

[@LiteMap-tv9nb]

Please check your code agin

[@paulnjujuna2590]

#blog: checked.... I don't get this line like are we just targeting the blog Id or and why not the other 5 id s?

[@LiteMap-tv9nb]

It is not useful. you can use other code snippets.

[@paulnjujuna2590]

@@LiteMap-tv9nb thanks much I HV being following a majority of the project with HTML CSS getting better thanks to you. Also appreciate that you came to my rescue here.
To ask so could I have used all the "#id names "in that stage or had to just choose one and repeat 5 times

[@LiteMap-tv9nb]

@@paulnjujuna2590 Thanks a lot

[@johnperezromero1736]

Genial pero nose cual es mas recomwndable usar si este o con Javascript?

[@LiteMap-tv9nb]

Thanks for encouraging me. if you have knowledge, create It using JavaScript.

[@LiteMap-tv9nb]

Gracias por animarme. Si tiene conocimiento, créelo usando JavaScript.

[@LiteMap-tv9nb]

This is using JavaScript - ua-cam.com/video/mQSFRowVO9Y/v-deo.html

[@panpanzhang]

This doesn’t work if the nav items have different length.

[@LiteMap-tv9nb]

Yes, it is not responsive design.

[@TararirasHOY]

Where can I download the code or files?

[@LiteMap-tv9nb]

drive.google.com/drive/folders/1EeFy642ganaE6N0ZU4sulRUxFR8kapU_?usp=sharing

[@TararirasHOY]

@@LiteMap-tv9nb thank you ❤

[@code_q_and_a]

@@TararirasHOY You're welcome

[@teveoenlaweb]

Responsive?

[@LiteMap-tv9nb]

?😊

[@jayeobavictor7219]

Great but I still prefer using JavaScript...❤️😅

[@LiteMap-tv9nb]

Thanks

[@asadyousafzai7563]

Javascript? You mean dom ?

[@lotusdj1]

This is an accessibility nightmare.

[@LiteMap-tv9nb]

Thanks

[@sparshsinghal5098]

can you provide me with source code

[@LiteMap-tv9nb]

drive.google.com/drive/folders/1EeFy642ganaE6N0ZU4sulRUxFR8kapU_?usp=sharing

[@sonarbangla2332]

Doing lot, showing little

[@LiteMap-tv9nb]

Thanks