CSS Before and After Pseudo Elements in Hindi/Urdu

[@World_information5568]

I HAVE NO WORDS TO DESCRIBE YOUR TEACHING STYLE ❤️.

[@YahooBaba]

Thanks a lot 😊

[@World_information5568]

@@YahooBaba ❤️

[@hbpinformation3275]

Thanks bro

[@hbpinformation3275]

@@YahooBaba sir please make videos on c++

[@ShikariIsLiveYT]

I was stuck while adding some design to my card after spending 1 hour I finally got solution in this video. Thanks from the heart! You are a real legend.

[@YahooBaba]

Glad it helped!

[@DProgram-xb9pp]

In which language you were designing card I need code of designed card, which show extra data on hover, responsive and It would be implemented through before and after

[@thenewcoder5592]

Best explanation of before and after. Thanks

[@binayakaryal1949]

Your teachings has more clarity. Its easy to understand when you teach. Thanks alot sir.

[@YahooBaba]

Glad to hear that

[@CrazyAshu34]

I never thought that you are the best Coding teacher ever and i don't think, that no-one bootstrap video is better then you✅

[@YahooBaba]

Thanks for appreciating my work :)

[@CraftMuseumrmps]

awesome sir, i watched your all videos on HTML,CSS and JavaScript now i'm making projects for certificate in free code camp and doing coding challenges

[@YahooBaba]

Keep it up.

[@rathod1864]

Wow, kya baat hai sir.. apki explaination clean and clear hai 🙏🙏🙏🙏

[@YahooBaba]

Thanks and welcome :)

[@Technicaluser-cb5do]

Hey , This is Sumit. The video was helpful. Thank you.

[@ghostAlien44]

It was asked in my interview and i was shocked 😳😳😳

[@slowReverb-q2q]

What was the Question?

[@adnanabdullah5068]

love the way you explain difficult things in simple words love you baba G

[@farhadahamed6264]

Your explanation is too good and very much interisting ❤️ Thank you sir 💐💐💐

[@YahooBaba]

Your welcome :)

[@mudassar_nazar]

Sir your way of teaching is awesome.

[@naitikkathiriya]

bhai mera ye ek sawal hai ki log before after ka hover effect me kyu istemal karte hai, mene lgbhag sabhi youtubers ko is tarah ka istemal karte dekha hai bat jab hover ki ati hai! text ke liye to samaj me a gaya lekin hover me kese aur kyu kiya jata hai!!??

[@YahooBaba]

Uske liye aap humara "Image Hover Effects" Course ki playlist dekhiye.

[@ayeshaakram3073]

I was watching thisntutirial on mah laptop. But i was not loged in in that so came to mah phone just to give a thumbs up. Liking it from pakistan👍👍

[@YahooBaba]

Please disable the ads blocker plugin of your browser to login properly.

[@salmankazi5308]

Simplest Explanation Ever...Thanks A Lot❤️

[@YahooBaba]

Glad you liked it

[@khalidmimmuzahid3650]

iam form bangladesh. best tutorial boss. keep it up..

[@anukashyap4817]

Your explain is very clear Sir🙏🙏🙏🙏 thank you so much🙏🙏🙏

[@YahooBaba]

You're most welcome

[@naseemullahsafi2792]

thanks for the best explanation of before and after you are the best instructor keep it continues

[@YahooBaba]

Thanks dear :)

[@raihanhasan5454]

your teaching capability is awesome Sir

[@vinayaksharma-ys3ip]

GREAAAATTTTTTTT LECTURRRRRREEEEE SIR JI💯💯👍🏻

[@usamaantule6695]

YOUR TEACHING STYLE IS EXCELLENT.

[@YahooBaba]

Glad you think so!

[@asifali-fc8xt]

I am your new Subscriber, i have download your CSS tutorials videos and watch them regularly bec i am at learning stage of web-design front-end. very good and supportive effort for beginners. Thanks Sir

[@YahooBaba]

Thanks and welcome

[@Factemeofficial]

Bhai সবসময়ই ভালো লাগে আপনার ভিডিও, ভালোবাসা নিবেন❤, বাংলাদেশ

[@ajaykr6253]

bro you are brilliant yrr ♥ ♥

[@naitikkathiriya]

Thnx for the Good explanation... It's so helpful and simply.

[@YahooBaba]

Glad it was helpful!

[@zapeeosheikh]

Once a Legend always a Legend ❣️

[@awaisrajput9921]

yes i am . and i will be 😁

[@kiraak___gaming9294]

Superb sir may Allah bless you ❤

[@631singh]

u make concept easier to understand thanku so much sirji

[@YahooBaba]

Glad to hear that

[@md.mahbubrahman7891]

THANK YOU VERY MUCH FOR SIMPLE & GOOD WAY OF EXPLANATION

[@YahooBaba]

Thanks Mahbub :)

[@uawantech3413]

Q:Sir!Can we give opacity to background-color if it is white?

[@hadisewag6976]

Amazing i mean wow. I see many videos but didn't understand. get understood in seconds

[@YahooBaba]

Thanks and welcome :)

[@MuhammadNaeem-bg4so]

pehli video dekhi hai aapke channel ki bohot acha explain kiya . baki vidoes kaise dekh sakta hu koi playlist ka link bhi nai

[@YahooBaba]

Yeh hai CSS Playlist ka link : kzbin.info/aero/PL0b6OzIxLPbzDsI5YXUa01QzxOWyqmrWw Here is a link for all playlists : kzbin.infoplaylists

[@yt.user-zull]

Bahot easy way me explain kiya..Good Tutorial.!!

[@YahooBaba]

Thanks Zulfequar :)

[@sushantkakade6806]

Great tutorials you have created.loved them

[@YahooBaba]

Glad you like them!

[@SidharthPriyadarsh]

Itna easy bana diya 😅 Sir .

[@emambokhari8380]

Thans a lot sir, form BD

[@Dataabc]

Awesome ❤❤❤

[@Prede3666]

When I'm giving opacity to parent div it also applying for child plz tell?

[@YahooBaba]

Yes Opacity always work like that.... means if you give opacity to any parent element then its also apply to its child elements. If you just want to give opacity to background color of parent element then must use (RGBA) color mode. See this video for that : kzbin.info/www/bejne/mXXMZJ57jMmCjbc

[@Prede3666]

@@YahooBaba thanks sir

[@ashishbhopte8149]

thankyou bro it helped me !

[@deepakkansal9112]

we cant use it with image tag right?

[@YahooBaba]

Yes u r right. But you can do this with JavaScript or jQuery's before() method.

[@tapasjaiswal6968]

Sir When l am styling my page nav portion then it doesn't work plz help me sir

[@mdhasiburrahmannafiz9984]

You are a genius ❤❤

[@anupkaushik9370]

It is same as hover ..we can use hover for it

[@YahooBaba]

What is hover ?

[@iqraaslam1923]

JazakalAllah!!!!!!superb

[@gamingwithajk7253]

waiting for tailwind series react js series 🥲 + waiting for next video since 2 months 🥲😪

[@sobhityadav5753]

sir ap bhut achha padhate hai

[@YahooBaba]

Thanks :)

[@sobhityadav5753]

@@YahooBaba sir jsp and servlet pe bnaiye ...u tube m kahi bhi accha nhi h

[@monikadesai8251]

Helpful... Thank you

[@atulsingh9266]

Sir python ka series kb tk aayega

[@ahsanjawed9543]

can we use html tag in content value ?

[@kishankini3406]

Best explained 🔥

[@danishshaikh7863]

Ek parent div ka kitni baar before after use kr sakte hai

[@YahooBaba]

Only One time.

[@srg6443]

and kabhi use kerte hai plz ek video banado sir..

[@YahooBaba]

See the CSS course for that.

[@zakir.hossainrakib9078]

i subscribed you for your channel name.....

[@ShahatabUddinKhan]

Excellent.

[@PMARQS]

really nice love u broo

[@YahooBaba]

Thank you so much 😀

[@sujitmeshram9728]

Thanks🙏🙇

[@syedomer563]

Best explanation..!!!

[@JyotiKumari-zt6km]

nice video thanks sir

[@joshua_dlima]

Thank you so much bro! Just subbed

[@rajeshmgr]

Please explain about pseudo class :before and :after

[@YahooBaba]

That is same which i have explained in this video.

[@ShortBlaster12]

Kya content ko empty rakh sakte hai

[@YahooBaba]

yes hum content ko mostly empty hi rakhte hai.

[@krishnachoudhary4770]

Nice explanation

[@YahooBaba]

Thanks and welcome

[@Coding_Asmr_PraDev]

Very helpful Bhai

[@rohitahuja999]

:after and ::after me kya diff h?

[@usamaantule6695]

Oh finally understand by this video. Thanks for sharing.

[@YahooBaba]

Glad it was helpful!

[@naveensinghrana6594]

Great!

[@e4entertainment610]

you're such a Video MDN refrence

[@zainulkhan8381]

such a beautiful way of explanation thank u sir

[@YahooBaba]

Your welcome :)

[@arindamacharya1658]

Nice Sir

[@mytechnotube9642]

Thank you so much sir.

[@trishya501]

Amazing

[@jayeshthapaliya3525]

Thank you... very helpful....

[@YahooBaba]

Your Welcome Jayesh :)

[@akasfotosnfilms7386]

great janab

[@YahooBaba]

THanks Akas :)

[@greenline4357]

Before and After pseudo element kahan use hoty hain

[@YahooBaba]

Iska use animations aur hover effect mein kafi use hota hai ... see this link for demos : www.yahoobaba.net/codelab/hover-effect

[@brahmacharyaadventure6846]

Bhai please ye code samjhaao... *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before kya hota hai , kya ye :before se alag hai ?

[@YahooBaba]

Hello Aditya, dekho (*) ka matlab hota hai ki (sare HTML tag). Aur jo uppar wala code hai uska matlab hai ki jitne bhi tags hai HTML page mein unsab ke before , after aur khud us Tag mein box-sizing:border-box; lag jaye.

[@mdrashidhussain7168]

Nice...

[@YahooBaba]

Thanks

[@adad8795]

Awesome

[@YahooBaba]

Thanks :)

[@sheikhabdullah8653]

Why you use Atom ?

[@YahooBaba]

Because I like it :)

[@gajsinghrathore8800]

thanks a lot sir

[@NBA_HIVE]

Nice

[@aqibahmad1536]

great

[@shady6131]

nice.

[@TOMGAMING-hy9hi]

Yahoo baba ki jai ho... 🤘

[@zafarhussain8273]

easiest explanation

[@YahooBaba]

Thanks Zafar :)

[@JustForProgrammers]

Best

[@iamdanyaal]

Thank You Sir

[@NomadicAnsari]

thanks a lot

[@arvlogs9357]

like from Pakistan

[@premkrrajbhar]

thank you sir :}

[@devkarankvaghasiya194]

Thank You

[@PradeepSharma-wd3zl]

Developers tool bar ko check kaise karte hai

[@YahooBaba]

Jald hi main Developer Toolbar ki video upload karunga.

[@dhruvrajsinhjadeja-vfxarti3085]

superb :)

[@YahooBaba]

Thanks Dhruv :)

[@sakshamchhatkuli271]

After and before pseudo elements can't be used in image

[@YahooBaba]

I know that :)

[@design5630]

Thanks yahoo baba

[@mustaqali960]

::after and ::before :before and :after Dono m different ko clear kijiye sir please

[@YahooBaba]

Mustaq ::after is new version of :after. Basically ::after comes in CSS 3 version and it is not supported in OLD browser version like Internet Explorer 8 and earlier version.

[@mustaqali960]

@@YahooBaba its work basically both are same or separated ... Clear please

[@YahooBaba]

They Works same... Dear mustaq question karne se pehle practical toh karke dekha karo dost. Chotti chotti baat toh karke bhi dekh sakte ho :)

[@mustaqali960]

@@YahooBaba Maine kiya tha sir pr socha kuch different hoga isliye pucha aap ko to idea hota h Bs confirm kr rha tha Thank you sir for support

[@timfaker8839]

bhai iska fayeda kya hai ?

[@YahooBaba]

See this link... here I made some hover effects with :after and :before www.bestjquery.com/lab/hover-effects/

[@vickykhan6713]

nice!

[@ahmeedev]

thanks

[@tahirshaikh2413]

Thanks sir

[@YahooBaba]

Your welcome Tahir :)

[@sunilbohora8623]

Done