Learn CSS ::before and ::after in 4 Minutes

[@gonzalobruna7154]

this is seriously the best explanation I've ever heard

[@coding2go]

Thank you, that is great to hear 😊

[@JagdeepSinghKalsi]

Absolutely. Thanks

[@franciscochiri5240]

Same

[@dhimassahidpangestu3139]

Agree

[@guillermotrejo6850]

I'm literally like ohhhh that's how use it and woahhh that's crazy

[@Manishincode]

Just discovered this channel today and 1 thing i really loved about this is he really cares for the time 😄

[@codesthenos]

GREAT EXPLANATION for real less than 4 minutes of pure gold

[@Thekidisalright]

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.

[@kooyaw4445]

I've been coding for almost 2 years, never really understood these CSS properties till today

[@coding2go]

I am glad we could help you with that

[@JerryAgenyi]

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.🥰🥰🥰

[@Kodak_000]

@@JerryAgenyi dang it 15+ years , and then there is me who just started html and css since last month

[@JerryAgenyi]

@@Kodak_000 😁 you'll be fine really. It's a journey...not an event.

[@Kodak_000]

@@JerryAgenyi well said , thanks for the motivation

[@dikans2717]

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

[@juhen9]

Bro said max-content 🤯 thanks! Great vid

[@Eavesdro_pper]

It was amazing 😊 I have learnt this one

[@strategistaow3520]

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

[@lcch9755]

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

[@MOHAMMEDKHALANDER-g1c]

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 👏 ❤

[@PsychFacts_]

I discovered after, before and finally MAX-CONTENT. Unbelievable

[@alienduckrl]

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

[@keochanmarido188]

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.

[@zackstorm2888]

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

[@kareembamidele4804]

I'm so happy I am more comfortable and confident using ::before and ::after pseudo element

[@mdalmamunit427]

I love the way you explained this concept-it’s so clear and easy to understand! 😮

[@keerthikak2503]

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❤

[@2010akatsuki]

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

[@ditimurati4124]

This might be the clearest video of CSS that I've watched!

[@FinnDeJong]

You explained it really well, made me feel like it was obvious when I didn't understand it for 3 years.

[@linesA9798]

I've been looking for this for a long time and now i found ... Thank you so muchh

[@htlkmsi2775]

It’s so simple yet so visually rewarding. You have shown us the golden key to nice site👌🏻

[@awesomejr.530]

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. 😊

[@saurabh-yp1jr]

now i have power of css on the palm of my hands.. thanks sir....

[@balajinadar1503]

Keep giving us tutorials like this, it helps a lot and gives new ideas for my projects. Thanks man!

[@coding2go]

Glad to hear that!

[@MrSatisfaction-wz1gb]

Just WOW. I always wondered how people create so detailed hover animations!

[@tasm.aex7]

Dude never saw such wonderful explanation of these topics literally watched everything I needed ❤

[@kangkanbaishya4686]

seriously bro , you said the style in just 2 minutes which I have been practicing for 2 hours 🤯🤯🤯🤯

[@baabansu9243]

The best explanation ever. Thank you.

[@reginoryanchristian9856]

I can't believe this is free, this video is Udemy level tutorial.❤

[@howtech420]

Great video ❤. Everything is explained about before and after pseudo class.

[@narottams9663]

Amazing videos man! Just amazing....most helpful content I found on web design.

[@av123-yt]

I like the gradient underline thats amazing

[@ashkanahmadi]

Great video thanks. Just a note: you should be using the :marker pseudo element for styling the bullet points

[@Nietgeamuseerd]

Absolutely brilliant. Thanks a lot.

[@hossein22Z]

For the first time I'm eager to do some CSS 😂 Amazing video, thanks.

[@mohitashliya8750]

Finally finally finally I understand these complex pseudo classes😂

[@shahfaisal3923]

You won a subscriber from Afghanistan. Nice explanation. Please pray for our country to get rid of talibans proxies of CIA and ISI.

[@coding2go]

Glad to have you here 🙏

[@InstantNameOfficial]

Isi = daesh?

[@_ayush_5495]

Subscribed man, keep the good content coming

[@coding2go]

Thank you, welcome to the channel 👋

[@amanfahimn9595]

True like all say very useful and effective to learn

[@DE-nw9sv]

This was SO helpful, thank you!

[@isaidstream4547]

Thank you for teachin me that pseudo elements are not as important as I thought. 😂 So ::after and ::before can wait

[@coding2go]

Glad I could help 💀

[@kienbe590]

Really, even I have just started on CSS understand

[@JimmyAlexson-c8z]

Wow you really incredible bro ,u really make me get familiar with css 🎉❤❤

[@coding2go]

Glad to hear that! Happy Coding ✌

[@scare4ycat]

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.

[@RamaGuptaOfficial]

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

[@omupadhyay25]

Suuuppppper Dupper SirAmazing Explanation

[@piratekingrudy]

Thanks, I was quite confused regarding this.

[@coding2go]

Glad I could help!

[@honestfxpredator7903]

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.

[@ujjwalssharma8149]

Your explanation was excellent 🔥 but dude plz give the source code for nav bar at 0:18 , that was really awesome

[@tahmidrzishan]

Awesome tutorial. Mashaallah.

[@MamunurRoshid93]

Your explain just awesome

[@salmaindrianputri164]

Great explanation

[@WhimsyWobbleFluffyMuffin]

Absolutely helpful mate🙏

[@jugmilic2096]

❤Thanks for help!❤

[@abdulsamadsiddiqui1649]

Bro thanks alot i use it but i didn't know what it really do thanks now i can do anything i want

[@Tola_rhythms]

Pseudo elements has always been my problem

[@karim-gb5nx]

What a masterpiece, many thanks

[@Chekad-k4o]

thanks for your tutorial .

[@royedits65]

Absolutely Amazing 😮

[@diowryyy7]

this is so good! thanks!

[@mostafahosseini2762]

THANKS !!!🙏

[@Jamshaid.Developer]

Amazing video sir it seems that this video only created for me thank you

[@saurabhgautam3584]

Keep it up..best explanation so far...

[@Theritiksaini]

sir when will your css course will live i badly needed it with your explanation you are the best

[@coding2go]

We will publish the course next week on udemy ;)

[@komiljonqosimov4002]

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.😂

[@HillBilly-rm4op]

loved it understandable, streight to the point keep it up

[@moonmean7955]

Succinct and well explained 👏🏾

[@nurudeennajeem6605]

You're the best. Thanks a lot

[@ViMeas]

Love your videos❤

[@pyaephyo8108]

Thank You Very Much❤!

[@AS-mc2db]

Really understand....thank you

[@coding2go]

Glad it helped

[@kalablack6996]

DAMN Bro, thanks it was helpful, i did not understand these properties man u are awesome. Subs

[@NewtonesIndustries]

Why there was no difference when you changed the position to relative on h1? 2:13

[@macrooooo__]

wow, thank you for this. I didn’t know I can do it like thar

[@2pac2pac2pac]

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

[@naveduddin5445]

Wow, that was awesome detailed explanation

[@coding2go]

Glad you liked it

[@AS-mc2db]

Really really appreciated... I just subscribed to ur❤ channel

[@vinzanity68]

New sub. Ty for short n sweet tutorial

[@titangaming600]

That's pretty cool actually

[@2pac2pac2pac]

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

[@Rhutie]

Wow…thanks for this

[@chijiokennabueze7696]

This video is sweet 🤣 I want more 😎

[@kueifeng66]

great job!!

[@sg8nj]

Amazing🎉

[@edutechab]

This is amazing 👏🏽

[@abcdabcd8605]

Amazing explanation!

[@MobileDevAcademy]

thanks

[@feelingdabeats]

more videos like this please

[@tochimclaren]

So you apply the hover on the containing element::after

[@TimCullin]

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?

[@danushadhaamarasekera7215]

Thanks a lot bro

[@Tola_rhythms]

Thanks for the video

[@muhammadisa440]

Thank you

[@mrlukec]

Lovely!

[@Arthur-.]

Thankyou!

[@followying392]

omg This one is amzing

[@muhammad_zohaib936]

Awesome ❤

[@tolotradavid5794]

That's very good tutorial

[@ramzyabdul185]

Fantastic 🎉🎉

[@coding2go]

Thanks 🤗

[@danushadhaamarasekera7215]

Thanks brother