Bro said 2 years...here is Mr 15+ years 😁. It's been boring since CSS2 to go back and study again, but CODING2GO makes it lovable again. I am definitely taking classes again.🥰🥰🥰
Omg, I have trying to understand the use cases of ::before and ::after as a self-taught programmer for so long and your video just explain it so simply in minutes, you have earned a sub my friend, thank you.
I usually copy those pseudo class without trully understanding what they really means. Now I can see the true power of it. Easy to understand, not wasting time
Bro i'm french i learn html and CSS for 2 weeks in high school for begining, m'y teacher talks about these pseudo elements and i don't understand what it was but thanks to your video i really understand big thank to you
Best explanation ever bro! Just for those not familiarized, please take the HTML/CSS course first and then you'll understand why this is very easy to take on. Thank you from the bottom of my heart
Finally I had problems understanding those Especially before and after why they are called that way what difference they make I see that they can be used as same thing Now i understand them way better
Nobody can surpass you sir , hats off hats off. I am literally not getting how to praise you .For real. This is the first ever tutorial in my life ,that, I learned something new which I wanted to understand, and that too within 4 minutes. Your explanation was really nice super fantastic 👏 ❤
I really messed about how to got that ordered list items style to coloured ...Now cleared.. Thank you for posting this. Keep posting the stuffs like this❤
yow, its been days that i see it and never understood the meaning, i was afraid to look for a video and finish by watching a video of 1h but you saved me thanks, now im gonna go see the video about positions
This is the best explain CSS before and after class. Thank you for your hard work in explaining and editing the video to show me how it was done. Keep up the good work.
Wow... I have been coding for years now and this is the first time am understanding CSS pseudo after and before. Thank you so much for this video. You're a good teacher. 😊
hey could you please explain why they use box-sizing border-box in ::after and ::before elements? This is easily the best explanation of pseudo elements out there. Keep up the good work.
Dear Rudra, box-sizing: border-box; is used so that all the margin and padding will get removed (including previous and default margin & padding). Warm Regards, Ram
Even though, I am a self taught middle full stack developer, this was new to me. Till now I thought it was about rendering time, like before meaning before completely rendering the element, and after meaning after full render of the element.😂
how the background linear for the after element show in top of the button background when hover ? i mean it has lower z index than the button? i thin we should make the button backgorund to trnasparent when hover
this is seriously the best explanation I've ever heard
Thank you, that is great to hear 😊
Absolutely.
Thanks
Same
Agree
I'm literally like ohhhh that's how use it and woahhh that's crazy
I've been coding for almost 2 years, never really understood these CSS properties till today
I am glad we could help you with that
Bro said 2 years...here is Mr 15+ years 😁.
It's been boring since CSS2 to go back and study again, but CODING2GO makes it lovable again. I am definitely taking classes again.🥰🥰🥰
@@JerryAgenyi dang it 15+ years , and then there is me who just started html and css since last month
@@Kodak_000 😁 you'll be fine really. It's a journey...not an event.
@@JerryAgenyi well said , thanks for the motivation
Just discovered this channel today and 1 thing i really loved about this is he really cares for the time 😄
Omg, I have trying to understand the use cases of ::before and ::after as a self-taught programmer for so long and your video just explain it so simply in minutes, you have earned a sub my friend, thank you.
GREAT EXPLANATION for real less than 4 minutes of pure gold
Bro said max-content 🤯 thanks! Great vid
It was amazing 😊 I have learnt this one
I usually copy those pseudo class without trully understanding what they really means. Now I can see the true power of it. Easy to understand, not wasting time
I discovered after, before and finally MAX-CONTENT. Unbelievable
Bro i'm french i learn html and CSS for 2 weeks in high school for begining, m'y teacher talks about these pseudo elements and i don't understand what it was but thanks to your video i really understand big thank to you
Best explanation ever bro! Just for those not familiarized, please take the HTML/CSS course first and then you'll understand why this is very easy to take on. Thank you from the bottom of my heart
Finally
I had problems understanding those
Especially before and after why they are called that way what difference they make
I see that they can be used as same thing
Now i understand them way better
Nobody can surpass you sir , hats off hats off. I am literally not getting how to praise you .For real.
This is the first ever tutorial in my life ,that, I learned something new which I wanted to understand, and that too within 4 minutes. Your explanation was really nice super fantastic 👏 ❤
You explained it really well, made me feel like it was obvious when I didn't understand it for 3 years.
I really messed about how to got that ordered list items style to coloured ...Now cleared.. Thank you for posting this. Keep posting the stuffs like this❤
yow, its been days that i see it and never understood the meaning, i was afraid to look for a video and finish by watching a video of 1h but you saved me thanks, now im gonna go see the video about positions
I'm so happy I am more comfortable and confident using ::before and ::after pseudo element
Suuuppppper Dupper SirAmazing Explanation
now i have power of css on the palm of my hands.. thanks sir....
seriously bro , you said the style in just 2 minutes which I have been practicing for 2 hours
🤯🤯🤯🤯
This might be the clearest video of CSS that I've watched!
Man, I've been struggling with this for so long now. And the explanations I was getting just did not make sense to make. Thank you for this video
This is the best explain CSS before and after class. Thank you for your hard work in explaining and editing the video to show me how it was done. Keep up the good work.
You won a subscriber from Afghanistan.
Nice explanation.
Please pray for our country to get rid of talibans proxies of CIA and ISI.
Glad to have you here 🙏
Isi = daesh?
I've been looking for this for a long time and now i found ... Thank you so muchh
I love the way you explained this concept-it’s so clear and easy to understand! 😮
I can't believe this is free, this video is Udemy level tutorial.❤
Wow... I have been coding for years now and this is the first time am understanding CSS pseudo after and before.
Thank you so much for this video. You're a good teacher. 😊
Keep giving us tutorials like this, it helps a lot and gives new ideas for my projects.
Thanks man!
Glad to hear that!
Dude never saw such wonderful explanation of these topics literally watched everything I needed ❤
For the first time I'm eager to do some CSS 😂 Amazing video, thanks.
Just WOW. I always wondered how people create so detailed hover animations!
Finally finally finally I understand these complex pseudo classes😂
It’s so simple yet so visually rewarding. You have shown us the golden key to nice site👌🏻
Really, even I have just started on CSS understand
Great video ❤. Everything is explained about before and after pseudo class.
Coding for nearly 2 years with React and TS: Filled in a knowledge gap for me there, probably my weakest area of front end until now.
The best explanation ever. Thank you.
Thank you for teachin me that pseudo elements are not as important as I thought. 😂 So ::after and ::before can wait
Glad I could help 💀
Amazing videos man! Just amazing....most helpful content I found on web design.
I like the gradient underline thats amazing
hey could you please explain why they use box-sizing border-box in ::after and ::before elements? This is easily the best explanation of pseudo elements out there. Keep up the good work.
Dear Rudra,
box-sizing: border-box;
is used so that all the margin and padding will get removed (including previous and default margin & padding).
Warm Regards,
Ram
Subscribed man, keep the good content coming
Thank you, welcome to the channel 👋
Absolutely brilliant. Thanks a lot.
This was SO helpful, thank you!
Wow you really incredible bro ,u really make me get familiar with css 🎉❤❤
Glad to hear that! Happy Coding ✌
Thanks, I was quite confused regarding this.
Glad I could help!
True like all say very useful and effective to learn
Your explanation was excellent 🔥 but dude plz give the source code for nav bar at 0:18 , that was really awesome
Great video thanks. Just a note: you should be using the :marker pseudo element for styling the bullet points
Even though, I am a self taught middle full stack developer, this was new to me. Till now I thought it was about rendering time, like before meaning before completely rendering the element, and after meaning after full render of the element.😂
Your explain just awesome
Bro thanks alot i use it but i didn't know what it really do thanks now i can do anything i want
Amazing video sir it seems that this video only created for me thank you
Great explanation
loved it understandable, streight to the point keep it up
sir when will your css course will live i badly needed it with your explanation you are the best
We will publish the course next week on udemy ;)
Pseudo elements has always been my problem
thanks for your tutorial .
DAMN Bro, thanks it was helpful, i did not understand these properties man u are awesome. Subs
What a masterpiece, many thanks
this is so good! thanks!
Awesome tutorial. Mashaallah.
Keep it up..best explanation so far...
how the background linear for the after element show in top of the button background when hover ? i mean it has lower z index than the button? i thin we should make the button backgorund to trnasparent when hover
wow, thank you for this. I didn’t know I can do it like thar
Absolutely helpful mate🙏
Absolutely Amazing 😮
New sub. Ty for short n sweet tutorial
Thank you, you are really wonderful and the lesson was very useful
Succinct and well explained 👏🏾
Really really appreciated... I just subscribed to ur❤ channel
how the background linear for the after element show in top of the button background when hover ? i mean it has lower z index than the button
You're the best. Thanks a lot
Love your videos❤
Wow, that was awesome detailed explanation
Glad you liked it
❤Thanks for help!❤
Really understand....thank you
Glad it helped
This video is sweet 🤣 I want more 😎
Thank You Very Much❤!
Amazing explanation!
That's pretty cool actually
great job!!
Wow…thanks for this
THANKS !!!🙏
Amazing🎉
Thanks for the video
Thanks a lot bro
This is amazing 👏🏽
That's very good tutorial
more videos like this please
How do I put the button into a nav bar? I tried but lost the gradient border. You can't always just copy and paste these things?
Why there was no difference when you changed the position to relative on h1? 2:13
Fantastic 🎉🎉
Thanks 🤗
Really helpful bro
Awesome ❤
Lovely!
nice one.
So you apply the hover on the containing element::after
omg
This one is amzing
Thanks brother