Master CSS Pseudo Elements ::Before ::After in One Video in Hindi in 2020

Подписаться 691 тыс.

Просмотров 95 тыс.

50% 1

Welcome, how to use CSS Pseudo Elements ::Before ::After in Hindi in 2020
CSS - The ::before Pseudo-element
The ::before pseudo-element can be used to insert some content before the content of an element.
CSS - The ::after Pseudo-element
The ::after pseudo-element can be used to insert some content after the content of an element.
************ Must Watch Videos For Web Development ************
➡️ Hooks in React JS in Hindi | useState in Hook in React JS: • #30: Hooks in React J...
➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: • ES6 Tutorial #5: Array...
➡️ Object Destructuring in ES6 in JavaScript in Hindi: • ES6 Tutorial #7: Objec...
➡️ React DevTools & Source Code Link: www.thapatechn...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ ReactJS JavaScript Array Map Method in Hindi with Example: • ReactJS JavaScript Arr...
➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
➡️ #23: Array in React JS in Hindi | React JS Project Netflix App #2 in Hindi in 2020
➡️ Array in JavaScript in Hindi: • JavaScript Tutorial in...
➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...

➡️ Install VS Code for ReactJS LINK: www.thapatechn...
➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechn...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter RU-vid Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechn...
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: www.facebook.c...

Опубликовано:

26 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@ThapaTechnical 4 года назад

Guys, this is the one of the most important topics which you have to master the CSS ☺️ Hope I made simple easy n u get it.. Comment below 🥺

@shivamgoyal796 4 года назад

Got it 😎😎😎😎

@Nexhor 4 года назад

@@shivamgoyal796 good shivam goyal paste code of css

@shivamgoyal796 4 года назад

@@Nexhor means ??

@sayankoley8954 4 года назад

Plz a video on scrollreval js implemement on html

@SaurabhGupta-xe1hd 4 года назад

Text ko center me kaise laye

@sulaimandev 4 года назад

The only RU-vidr without haters Thank you so much

@RehanPoudel 10 месяцев назад

thank you sir i haven't known about it but after watching it now i can able to say i know it . Thank you very much sir

@pretompauldip5179 4 года назад

You are Best RU-vidr for learning web development in hindi i ever seen You videos are very informative

@deepikakapoor9607 4 года назад

I am First 😊

@taimuraziz8197 4 года назад

Hum vaily nhi hoty na

@Nexhor 4 года назад

@@taimuraziz8197 i agree

@Nexhor 4 года назад

Hum vaily nhi hoty na

@dhananjayrai8450 4 года назад

i am 73rd

@miniclips-gaming 4 года назад

No baby you are wrong

@arslansherazi2968 6 месяцев назад

Your teaching method is awesome

@creativeakshara8438 4 года назад

Thapa bhai best ho ap 💗💗 Sir before and after ke real life examples batana kal sir 💗 Thapa bhai ye bhi batana is playlist me ki ham kaise curvy background banate ha 🙏😘🙏

@naitikkathiriya 3 года назад

well done.. learnt about pseudo elements and class differences.... colon numbers use in both. but my question is that how why are we use of before and after in Hover efffects, i often sees that many RU-vidrs well, all!! that in hover... they uses before and after😪 plz bhai iska hal batau yani reason!!

@SafarwithAarush 4 года назад

I waiting for this tutorial, it's really amezing and thanks a lot.

@publicvoicenews6860 4 года назад

It's really helpful......And better to understanding but plz use reall world problems to making tutorials. Thanks alot🤩

@soniambika 7 месяцев назад

Div k ander span icon span lekr div ko flex krke kr skte h

@mithunkumars6097 3 года назад

Your are great full stack developer ❤️

@vinodvinu8004 3 года назад

Thx so much bro I have seen so many videos the didn't tell that is before and after thay just give example but you made understand us thx

@saimkhan7426 2 года назад

your voice is so impressive i like it❤❤

@imPriyankCoder 4 года назад

bhai aap is series meim flexbox samajayege thank you for awesome content

@maheshkumawat6943 4 года назад

Thanks sir

@naitikbg2881 4 года назад

Bhai yeah lines text -decoration:underline and overline se easily aa jaegi only 1 line props

@wildindian001 3 года назад

Yes

@shrikrushnakalbande7288 3 года назад

Lekin bhai hame uss line width kam or jyad karni ho to kaise kare uski thickness kaise badhaye

@yasirfazli6083 3 года назад

Keep it up Your student from Afghanistan

@DEEPANSHU_NAG 4 года назад

Bhai mera question solve kre plz 🙏🏻 Google me directories search kaise krte h ? *_-inurl htm -inurl:html intitle : "index of"_* isko use krte h index of ke baad agar main window 10.iso yah photoshop.exe likta hu aur search krta hu toh Microsoft website aur Adobe website show kyun nhi krta h , dono toh official website h na windows and photoshop download krne k liye ?

@RajPhotoEditingMuchMore 3 года назад

Thanks sir 😊👍🙏

@priotoshsarkar1352 3 года назад

very nice tutorial! Thanks for that.

@rishabhchoudhary6113 3 года назад

bro , instead of border-bottom can we use height 15px???????? like this.....⬇⬇⬇⬇⬇⬇⬇⬇ .txt::after{ content: ""; height: 15px; width: 80%; background-color: yellow ; position: absolute; }

@KSRDIGITAL 4 года назад

Ramro chaa..

@daudahmed2343 2 года назад

Thanks for this

@S.BfunBangla 4 года назад

Bro, backend ke liye konsa language sikhna chahia???

@musiciantirth3710 4 года назад

Thapa Technical Ki Playlist Dekhlo

@anupamtripathi9888 3 года назад

You know ❤️

@funterban6536 2 года назад

excellent sir thanks for tips and explanation

@johnthapa1879 4 года назад

It's too good

@629_nishantghadigaonkar3 Год назад

Thank You !

@heartfilterer9863 4 года назад

Bhai text-decoration: underline overline line, line-through property use kr skte h fir thora style krna parega

@rajdhakad98 3 года назад

Border top and bottom also

@mirzapuriabhaukal 4 года назад

Sir can you suggest me how to insert data from dropdown list which is dynamically come from database using php. Thanks

@deepakshimoga 4 года назад

Hi thapaji. Your videos are very good and helpful, but I have one problem with your videos that is lot of advertisement. Please try to reduce the advertisement in your videos. I have asked some in your bootstrap5 video, I think till now you have not seen that comment.

@Dloc47 3 года назад

Without pseudo element we can create that design with border top and border bottom between content with margin and padding 0px!

@scs071-prajapatideepak4 2 года назад

underscore use karsakte hai

@improvekaro7543 4 года назад

Sir jo aapne calculator banaya tha usme bhote saare bugs hai plz will make another vedio on calculator using javascript.

@shivomchauhan 4 года назад

Bahut maja aata he before after se khelne me Mai tao jadatar nav me use karta hu

@programinglover9117 4 года назад

thank you sir your the best...

@rahulmahey9802 3 года назад

We can also make this style by border-top and border-bottm instead of before and after.

@miniclips-gaming 4 года назад

Brother please NEXT.JS ka tutorial bnaa do please in one video please bro

@rajbannasa7662 3 года назад

Thank you so much sir ❤️

@tejasjagdale6205 4 года назад

Sir please make video on flip card and 3d css also

@kiranshinde03 Год назад

Thanks a lot 😊❤‍🔥

@arunsaklani9890 Год назад

Bhai apko itni knowledge kse hai thodi tips hame bhi dedo

@vipulkumar3162 3 года назад

bhai resposive design banane ke bhi ek playlist banao

@DeepDeep-vm9tn 3 года назад

Sir ul li create kaise kre simple tag ch

@tiparess17 4 года назад

Very nice tutorial

@Himanshu-sg3tr 2 года назад

Bhai thanks for this video I want to ask a one question form you if I make a form in html and I want to center all elements while heading , form input and labels so how can do it this can you tell me please make vide around this topic

@muripon8119 4 года назад

Nice Tutorial 😘😘👌👌

@darshanagangekar3794 3 года назад

4:18 how can you check this for mobile device????

@webcode6071 4 года назад

You are too good

@fgsahil Год назад

Legends are watching in 2022

@chandraprakash-wm2fe 4 года назад

nice awsom video

@usamanayab8381 2 года назад

Awesome 😍

@amanvarma102 4 года назад

Complete Transistion ka uper ek video bano

@dinkykhatri5476 2 года назад

How to make variable in Css please provide me the lecture related to variables in css??

@bangal_ride 2 года назад

💖✨

@ImTheDot 3 года назад

👍🏼

@devendranaroliya3319 4 года назад

Great

@rsartandmedia 4 года назад

Boom guys

@Tarek_Official786 4 года назад

Dear thapa bhai. ak "WEB@KIT" pe video banaw

@pankajdahal8787 4 года назад

Nice sir

@umairsaleem4345 4 года назад

Good

@legcyyt 2 года назад

Me who use flex box and span as a before and after 😅😅

@dineshchandra8401 4 года назад

Awesome

@muskanjain1198 4 года назад

Nice

@VikasSharma-dp9wz 4 года назад

Nice vedio bro

@contraspower6302 3 года назад

🙏🙏🙏🙏

@secularist6198 4 года назад

bhai name ko side me rakhne par problem aarha hai.....

@faizanahemad6381 4 года назад

Sir how to host website in infinity.net

@shivamgoyal796 4 года назад

Just copy and paste your website file in public_htm folder and if u have wordpress than install wordpress there is option for that 🥴🥴

@creativeakshara8438 4 года назад

Bro Cpanel me jao Online File Manager Me Jao Or htdocs me files dal do

@deepofficial9683 3 года назад

sir in my laptop not work this code , i do same to same

@kamalthapa1749 3 года назад

i think you have to save this file with .html extension first

@introvertleader 4 года назад

1short video figma pe !

@faizanahemad6381 4 года назад

How to put add in website

@livingwithfunny9098 3 года назад

boom guys

@VikasSharma-dp9wz 4 года назад

Java in one vedio banao bro

@siddharthsingh4862 4 года назад

Bro can we talk in private Need some idea in a concept of Like and dislike any post Need u r help Plzz

@PiyushKumar-ds2pz 4 года назад

🥰

@alifetechgenius3804 4 года назад

Bhai Best Css Book Pdf Download Link

@kriptoedits9978 4 года назад

Second

@kishandave722 4 года назад

&_top{ @extend .verticalHorizontal; padding-left: 20px; padding-top: 20px; padding-right: 20px; > .name{ font-size: 20px; } > span{ font-size: 14px; background-color: var(--bg); padding: 4px 11px; border-radius: 20px; font-weight: 700; color: var(--txtcolo1); } } &_mid{ padding: 20px; text-align: center; > img{ width: 100%; max-width: 290px; } CSS me ye SAB kya hota hai kyuki Mene class or I'd hi dekha hai ye SAB muje nai pata Mene project me dekha to pata chala ki Aisa CSS me I'd or class ke sivay hai bahaot kuch so please bataye ye SAB kya hai or CSS me aise kitne prakar ki coding ki jati hai??????🤳🤳🤔🤔🤔🤔🤔🤔

@sparshgupta8078 4 года назад

Ye sass hai bro CSS ka preprocessor

@kishandave722 4 года назад

@@sparshgupta8078 Thanks for replying 🤘

@sparshgupta8078 4 года назад

@@kishandave722 your welcome bro! You can check me work on Instagram @sparsh.codes I am sure you will love my CSS posts♥️ And don't forget to dm me a heart♥️