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

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

CodingNepal

3 года назад

34,001 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@CodingNepal
@CodingNepal - 26.11.2020 16:08

Remember to Subscribe... We're too close of 50k.

Ответить
@smithrockford-dv1nb
@smithrockford-dv1nb - 23.01.2024 19:00

Won't it hurt accessibility due to the ratio being there?

Ответить
@victorbabalola6094
@victorbabalola6094 - 17.09.2023 03:52

Thank you for the tutorial, i'm having a problem , im working in a website that uses multiple tabs. the solution work for my first and last webpages. but wen i do the same for my second webpage it doesn't work. when do display none it works but, when i set it to display contents, it doesn't display and i dont know why this soluton is not working for this page . i deleted the whole page and re-wrote the html and css but it still didn't work

Ответить
@baurny7762
@baurny7762 - 26.03.2023 07:59

in mobile version looking just sucks

Ответить
@romdanatuljannah5244
@romdanatuljannah5244 - 23.12.2022 18:00

Great sir

Ответить
@katarozi
@katarozi - 13.12.2022 16:02

Thanks very much. I need more knowledge. Your method is very nice and simple, no need for any heavy and complicated slider library. It has helped me a lot. One more time thank you very much!

Ответить
@photoinshot1355
@photoinshot1355 - 20.11.2022 14:21

Fantastic design and a great tutorial. I normally don't watch tutorials without voiced explanation, but this was very well explained without commentary, thanks. Would be really interesting to see how you would make the design concept responsive.

Ответить
@kenangandigital6949
@kenangandigital6949 - 15.06.2022 12:52

Nice info mr, always success

Ответить
@checkmate8015
@checkmate8015 - 27.05.2022 01:36

i just realised that when i refresh my app, the first tab is not selected so the slider sits on top of of the first tab, not only that, the tab content does not show, how can i fix this, also when i try to fix this by adding the "checked" key word it confuses my app coz when i click a tab it sometimes makes it unclickable or i have to click more than once, is it because im using react js? pls help, i just want it to show the content of the first tab when i refresh

Ответить
@checkmate8015
@checkmate8015 - 24.05.2022 01:18

At first i was hesitant to follow along but wow i dont regret this helped me, thank you

Ответить
@user-yi3rq7jk2r
@user-yi3rq7jk2r - 11.05.2022 12:04

please buid project oop with js

Ответить
@knig8t
@knig8t - 10.05.2022 21:21

love your work sir, really brilliant.

Ответить
@jessicarodrigues640
@jessicarodrigues640 - 02.05.2022 17:35

Thank you so much ♥

Ответить
@igorbueno1856
@igorbueno1856 - 03.04.2022 01:57

Thank u very much!!!!!

Ответить
@programmer7896
@programmer7896 - 13.12.2021 17:14

salom I am Uzbek

Ответить
@user-mSm95
@user-mSm95 - 04.11.2021 16:18

very good

Ответить
@youssradebbali7726
@youssradebbali7726 - 09.09.2021 16:53

🙋‍♀️❤🤗💐👏

Ответить
@tuongvi5392
@tuongvi5392 - 01.09.2021 05:30

thank you so much. Hope you always be happy and healthy

Ответить
@list2543
@list2543 - 09.08.2021 09:29

Is this responsive? Please can you give me responsive codes?

Ответить
@giridharan07
@giridharan07 - 01.04.2021 16:47

Your approach is nice...👍

Ответить
@jish194
@jish194 - 26.01.2021 11:27

Hey, alls have ive been doing is watching your vids! For some reason, my slider buttons sit slightly off to one side? any suggestions. Thank you <3

Ответить
@rishabhgupta0507
@rishabhgupta0507 - 24.12.2020 11:55

Amazing man...... I'll also try to make one inspired by your code. Thanks for Sharing this :)

Ответить
@xander3295
@xander3295 - 11.12.2020 13:07

Wow this is amazing

Ответить
@ManiBssProduction
@ManiBssProduction - 29.11.2020 03:45

Hello, thank you for your tutorial frankly your tutorial its very very clear and useful, I toured your site and I really like your site, please, is it possible to have tutorials of this kind of nav bar that you did for your site? with your search button that does not move jadore and in addition these very responsible

Ответить
@SayemTutorial
@SayemTutorial - 28.11.2020 21:24

keep up brother

Ответить
@hlfkiller007
@hlfkiller007 - 27.11.2020 16:18

Just Love it

Ответить
@22sd33sd44ss
@22sd33sd44ss - 27.11.2020 02:17

You are very crative 👍❤️

Ответить
@CreativeTutorialsWeb
@CreativeTutorialsWeb - 26.11.2020 22:40

Wonderful Lovely Excellent

Ответить
@mdyousufislam5812
@mdyousufislam5812 - 26.11.2020 18:58

wow nice

Ответить
@prabhakaran5153
@prabhakaran5153 - 26.11.2020 17:42

I pinged you on instagram bro..pls reply

Ответить
@peressonpaul3303
@peressonpaul3303 - 26.11.2020 17:21

I like the last song played

Ответить
@ankitneupane7774
@ankitneupane7774 - 26.11.2020 17:14

Please make a video on carousel with indicators using HTML and CSS

Ответить
@shanthakobyan3578
@shanthakobyan3578 - 26.11.2020 17:02

👈The World of Programming
Subscribe to my Channel

Ответить
@FRONTRUS
@FRONTRUS - 26.11.2020 16:34

Awesome 😊

Ответить
@pranavchanpara3576
@pranavchanpara3576 - 26.11.2020 16:26

Amezing work👍

Ответить
@ankitneupane7774
@ankitneupane7774 - 26.11.2020 16:13

I found what I need Thank U very much ☺😄

Ответить
@amritpaudel8204
@amritpaudel8204 - 26.11.2020 16:07

Who are you bro, can't we connect in insta 🤔🤔

Ответить
@dangminhkhai
@dangminhkhai - 26.11.2020 16:04

tabs using beautiful. thanks you

Ответить
@parthgupta4850
@parthgupta4850 - 26.11.2020 15:59

Awesome!

Ответить
@yubiroaster6285
@yubiroaster6285 - 26.11.2020 15:56

No any word for you🤐🤐....... Just awesome ❤️...... Love you brother ❤️ 🤗 ✌️ 🌹🇳🇵

Ответить
@asmitatimilsena2886
@asmitatimilsena2886 - 26.11.2020 15:56

🙏👍👍 nice 😅

Ответить
@patronpatron2251
@patronpatron2251 - 26.11.2020 15:55

Thank you

Ответить