💻 CSS Transform, Overflow & Gradient Explained

Name: 💻 CSS Transform, Overflow & Gradient Explained
Uploaded: 2025-12-12T07:20:05+00:00
Duration: 1 h 2 min 46 s
Channel: skillwaala

skillwaala

1 day ago

👨‍💻 What You’ll Learn in This Class:
✅ What is CSS Transform and how to use it for animations
✅ Using rotate(), scale(), translate(), and skew() for creative effects
✅ Understanding Overflow and its types — visible, hidden, scroll, and auto
✅ How to handle extra content using overflow properties
✅ Designing beautiful backgrounds with Linear and Radial Gradients
✅ Creating hover animations and background transitions

GitHub url :- https://github.com/DevanshuSir/Full_Stack_Skillwaala_17nov_2025.git
Assignment url :-
https://drive.google.com/drive/folders/1xReCWLRl6WwNvOBH7lcC_XoPG_ma2EdM

Category

📚

Learning

Transcript

Display full video transcript

00:00:00झाल

00:00:30आप आप आपे ए स्टले जो डाइ खेसलोग मिज्टू इंहांrzy

00:00:51सिंयुड नियुक्त G. इधि ऱूसेरं स संब्सकाट आप आप हात्यूश यूण डूखला आज

00:00:57और साराव रभी अदित्या अशीश यह अपने असाइमेंट्स अपने शेर करें हैं यह किसने बनाया है यह बनाया है सिबुल ने ठीक है इसकी थोड़ी सी जो वेट वो ज्यादा रखो वेट कम है इसकी सेम युवाई बनाओ थोड़ा

00:01:18टीवल बनाई है ये टीवल बिल्कूल पर्फेक्ट नैसे मैंने दी ठीक है नहीं है

00:01:39तो अगरे गुडिवनिंग सर कल अटेडेंस का पॉइंट टू बता दीजिए रिकॉर्डिंग में अप्लोड नहीं हुआ है अटेडेंस का पॉइंट देवांचू सर मेंचन करना था जो मैंने रिकॉर्डिंग में नहीं बताया था प्रीवेस वाली रिकॉर्डिंग में जो �

00:02:09वेट थाइट सेम सेट करो अधित्य सर असाइमेंट कैसे सब्मिट करें अभी कोई

00:02:14असाइमेंट सब्मिट नहीं करना बता दूंगा देवान शुजर अटनेंस पॉइंट तू यस गुड़ इवनिंग रवी आशिश ने भी बनाया फ्लोड़ाइस का सही है

00:02:24चीक है वरसल पर डिप्लॉय भी कर दिया इसके विर्थ और हाइट थोड़ी सी सही रखो आप रवी देखो मैंने जो यूई आपको दिया था वो अगर आप देखोगे देखो इसको अच्छे से देखो एक बार

00:02:53जैसे यहाँ पर अगर आप यूई को देखोगे तो वह और इस्तराइक से आरा है आपने जो बनाये वह इसतरीके से आ रहा है यहाँ पर देखो यह सीम बनाना

00:03:19जोड़ीवनिंग यूजी गेमिंग गुड़ीवनिंग एल यादव कुड़ीवनिग दिपिका रुका कुमारी ठीक है सही है ठीक है एक अपये यह टीबल आपने बनाई है सही है टीबल भी

00:03:33है आख लोटा इसका वाला सभी है वर्सल पर डिप्लाय करें कि दिखा रहे हैं सबके सब

00:03:41हैं चुड़ो बात अच्छी बात है तो वर्सल पर डिप्लाय करना अब आता आको मैं स्टीमल सीसे सब करके दीए है सर ठीक है वुद इवनिंग

00:03:51में लिए लारे स्टी यो इसिर नहीं देकर रहा है ग्रिंग नहीं करील से सबंस्के नहीं को

00:04:10पूलकुल परफेक्ट है आदित्य सर्व मेरा भी देख लीजी यह बिलकुल मैं देख लिए आदित्य आपका टास्क

00:04:28आपने डाउनलूड का सिस्टम दिया है और यह साइमेंट्स

00:04:32कि कौन सा टास्क है इसके अंदर असाइमेंट टू

00:04:44कि वी एस कोड में रन करना पड़ेगा इसको ठीक है चलो रन कर लेते हैं

00:04:59अबिसर कुछ तो

00:05:28कमी आएगी सेम तो नहीं बना सकेंगे अगर बना लेते तो कुछ तो कमी आएगी भी यस बिल्कुल कमी तो आएगी लेकिन कोशिश करो कि सेम बनानेगी जितना सेम बना सको

00:05:40कर दो

00:05:52कि सीएस टीबल टास्क यह आपने बनाया है और यह वाला टास्क

00:05:58कि इसको देख लेते हैं क्या बनाया आपने नहीं दो आप बलो के सर मेरा टास्क तो देखाए नहीं आपने

00:06:08ठीक है यह आपने टीबल का टास्क बनाया दिते हैं और यह आपका सीएस टास्क करके कुछ है

00:06:22ठीक है लेकिन इसको सीम बनाना था एक्जेक्ट बनाना था

00:06:30सरी बिजनिस डेवलोपेंट वाला वापस बताना बिजनिस डेवलोपेंट वाला आपको सीम बनाना है

00:06:43मैंने उसका कूड नहीं बताया सिर्फ आपको वो टास्क बनाना है जो मैंने आपको दिया है

00:06:48कुछ से टाय करो इसको क्योंकि यह assignment है कुछ से टाय करोगे तो चीजे clear होगी

00:06:53सब मेरा सही था यह वाला यह बिल्कुल सही था मैंने चेक करा बिल्कुल सही है यह

00:07:18अब बनाते रहो मैं टास्क करने के लिए बोलू तब चेक करेंगे पर उनको ठीक है अभी बनाओ आप जितने भी टास्क मेंने दिये वह और यहां पर इस में आ जाते है और चीजे पर दिसकस कर रहते और आपको जो क्लास का कूड है वो भी मिल गया होगा

00:07:45class का code का मिलेगा

00:07:47जो अपने पास अपना

00:07:48क्या चीज है अपने daily machine

00:07:53तो daily machine के उपर आ जाता हूँ मैं

00:07:55मैं इक बार बता जाता हूँ

00:07:57class का code उसके अंदर mention होगा

00:07:58जो आज वाली class upload हुई थी वो सबने देखी होगी

00:08:15यही थी

00:08:16इस class के अंदर यह देखो यह रहा

00:08:23github url एक तो जो github का url है

00:08:27वो यह रहा

00:08:28laptop lag कैसे कर रहा है

00:08:31अच्छा प्रक्राइब

00:08:45ठीक है

00:08:53यह github का url है जिसमें आपको code मिल जाएगा

00:08:56regular class का जो भी code होगा

00:08:57और यह आपका assignment का url है

00:08:59जो मैंने इसके यहाँ पर attach कर रहा है

00:09:02तो यहाँ regular class में attach रहेगा

00:09:04वहाँ से जाके आप चेक कर लेना

00:09:05ठीक है

00:09:08ठीक है चलो

00:09:17तो देखो अपन किस चीज पर discuss कर रहेते हैं

00:09:22अपन discuss कर रहेते हैं यहाँ पर अपने

00:09:23transform के उपर

00:09:25तो यहाँ पर अपन आ जाते हैं अपने transform के उपर

00:09:27जितनी भी चीज़े अपने discuss करी

00:09:29वही अपन आगे discuss कर लेते हैं

00:09:31अब transform में अपने क्या-क्या चीज़े

00:09:33discuss कर लेती है

00:09:34transform का क्या syntax होता है

00:09:35अपना selector होता है

00:09:36transform फिर उसके अंदर अपने पास function आता है

00:09:38और function अपने यहाँ पर देखा कि

00:09:40rotate, scale, अपने पास translate, skew

00:09:42translate अपनी पास क्या क्या काम आता है

00:09:47किसी भी element को

00:09:49अगर move कर वाना हो तो

00:09:49उसके लिए aपन translate को

00:09:50use ले रहेते है

00:09:51rotate अपने पास क्या काम आता है

00:09:54कि अगर किसी भी element को

00:09:55rotate कर वाना हो

00:09:57clockwise या anticlockwise

00:09:58clockwise sociais

00:09:59रोटेट करवाना यह

00:10:01अब धी कैसे Camer

00:10:02औ�� seviar को रहा होब गा

00:10:03जैसे मैं इस file को run करता हूँ,

00:10:05तो खली बनाया था अपने,

00:10:06अभी मैं करसल देखे जा रहा हूँ,

00:10:07तो यह clockwise rotate हो रहा है,

00:10:08अगर आप इसको anticlockwise करवाना चाहते हूँ,

00:10:10तो यहाँ पर इस value को क्या कर दोगे,

00:10:12माइनस 360 degree,

00:10:14तो यह आपका anticlockwise rotate हो जाएगा,

00:10:16तो यह अपने पास अपने अपना rotate वाला देखा,

00:10:20कि अपन rotate कैसे कराएंगे,

00:10:22उसके बाद next अपने पास और कौन सा function आता है,

00:10:25वो अपने देख लेते हैं,

00:10:25next अपने पास आता है अपना scale,

00:10:28ठीक है,

00:10:29अब यह scale क्या काम आता है,

00:10:31scale काम आता है,

00:10:32जूम इन करने के लिए या जूम आउट करने के लिए,

00:10:35किसी बें जूम इन को जूम इन या जूम आउट करना चाहते हो,

00:10:37तो वहाँ पर अपना scale वाला function काम आता है,

00:10:41ठीक है,

00:10:41scale function अपना काम आता है,

00:10:43तो चलो अपन scale के उपर भी example देख लेते हैं,

00:10:45मैं इस पार्ट को कर लेता हूँ,

00:10:47कमेंट और अब अपन समझते हैं अपने scale को,

00:10:50ठीक है,

00:10:51मैं यहाँ पर कहता हूँ,

00:10:52अपना कौन सा,

00:10:53scale,

00:10:54ठीक है,

00:10:55तो यहाँ पर आ जाओ,

00:10:56और अपन इस element को target कर लेते हैं,

00:10:59और समझते हैं इस चीज को,

00:11:01ठीक है,

00:11:01तो यही अपना box था,

00:11:03इसको ही मैं यहाँ पर target कर लेता हूँ,

00:11:06इसके अंदर content यह वाला अटा दो,

00:11:08और सिर्फ box में लिकावा रहें दो,

00:11:09तो box को target कर लो,

00:11:11कैसे target करोगे,

00:11:12वही dot to box है,

00:11:13आपने उसको यहाँ पर target किया,

00:11:15उसके आपने एक background color लगा है,

00:11:16जैसे मालोँ मैं यहाँ पर background colors पर कर देता हूँ,

00:11:19green ठीक है,

00:11:20और weight अपने set करी,

00:11:22वह मैं 300 pixel यहाँ पर set कर देता हूँ,

00:11:24और यहाँ पर मैं height set करी,

00:11:26वह मैंने यहाँ पर 300 pixel यहाँ पर set कर दी,

00:11:29ठीक है,

00:11:30अब अपने पास जो अपना transform होता है,

00:11:33ठीक है,

00:11:34उसी के अंदर अपने scale function के उपर discuss कर रहे हैं

00:11:37कि scale function अपने पास यहां पर क्या काम आता है

00:11:39अब देखो यहां पर अपने scale के उपर discuss कर रहे हैं

00:11:53scale basically क्या काम आता है

00:11:54zoom in या zoom out करने के लिए

00:11:56अब अगर आप zoom in करना चाते हूं

00:11:58जैसे मालूँ मैं यहां पर कर रहा हूं

00:12:00scale function के अंदर मैं कह रहा हूँ

00:12:02कि मैं zoom in करना चाता हूँ

00:12:03तो zoom in के लिए आपको यहाँ पर क्या करना पड़ेगा

00:12:06greater 1 से value

00:12:08अपने को देनी पड़ेगी

00:12:09एक से उपपर अगर अपन value देते हैं तो वो zoom in

00:12:12और अगर आप zoom out करना चाते हो

00:12:14तो zoom out के लिए अपने पास यहाँ पर क्या है

00:12:16मैं चाता हूँ कि मैं यहाँ पर

00:12:17zoom out करना चाता हूँ तो zoom out के लिए

00:12:19अपने पास यहाँ पर क्या है

00:12:20zoom out के लिए अपने पास एक से कम value

00:12:23अपने को देनी पड़ेगी जो अपना

00:12:25one है उससे अपने यहाँ पर कहते है

00:12:27तो यह अपने पर आता हूं अब मैं यहां पर इसको जूम करवाना चाहता हूं तो मैं यहां पर अपना

00:12:38ट्रांसफॉर्म लगा है और अपने पना यहां पर अपना यूज करा और उसकी वेल्ट जैसे मैंने 1.5 देती तो यह आपका

00:12:48यहाँ पर जूम हो जाएगा अभी कुछ भी पता नहीं चल रहा है एक बार के लिए ट्रांसफॉर्म को कमेंट कर दो कमेंट कर देता हूं आप नॉर्मल देखो गया आपका बॉक्स वन इस तरी के जा रहा है जिके अब मैं यहाँ पर अपना ट्रांसफॉर्म लगाता हूं औ

00:13:18पर लगा देते हैं अपना होर और होवर के अंदर अपने यहां पर यहां पर पेश करते हैं तो जब मैं इसके उपर होवर करो तब देखो यहां पर आपको पता चलेगा वह जूम हीन हो रहा है यहां पर

00:13:48तो वह ऊंड़ा होना है 5 ताइम यहां पर बढ़ा हो जाया है 1.5 ताइम यहां पर बढ़ा हो जाएगा

00:14:08यह खया जो अपना एक्जेक्ट वैल्यू अपर ने दे रखी है जैसे हमें यहां पर वन पॉइंट त्री देता हूं

00:14:17तो 1.3 के अंदर देखो यहापर क्या होता है,

00:14:201.3 अपन यहापर इसको देते,

00:14:21तो 1.3 में, 1.3 टाइम यहापर यह पड़ा हो जाएगा,

00:14:25चिए, जिसे मालो मैं यहापर कहता हूँ कि याप इसको 1 से कम दो,

00:14:30जिसे मैं यहापर देता हूँ, 0.5 इसको value देता हूँ,

00:14:320.5 मैंने यहां पर इसको बढ़ दे तो यही काम अगर आप ट्रांजिशन पर करना चाहते हैं तो ट्रांजिशन अपना लगा दो और आप बोलोगे

00:14:52और और कितने सेकिंद का लगाना है था टीक है तो यहां पर अपने पाश यहां पर क्या हो रहा है अपना जूम आउट हो रहा है जाए जूम इन करना चाहते तो जूम इन भी कर सकते है यहां पर 0.5 ना कहिके

00:15:14तो बेसिकली यह अपने पास अपना स्कैल फंक्शन होता है अगर अपने को स्कैल यूज करना है तो ये बात हो गए अपने पास किसीच के अपने स्कैल के अपने यहाँ पर बात कर ली उसके बाद next अंगे चलते हैं अपने ऊर्पन कौन से फंक्शन आते

00:15:34scale तो basically अपने zoom in और zoom out के लिए काम आता है

00:15:37फिर उसके बाद अपने पास next आता है अपना skew

00:15:41अब skew क्या काम आता है अगर किसी भी element को tilt करना है

00:15:45मतलब हलका सा जुखाना है जैसे x-axis में या फिर y-axis में जुखाना है

00:15:50तो वहाँ पर अपन यूज लेते हैं अपना skew

00:15:53skew काम आता है अपने element को tilt करने के लिए

00:15:56तो यहाँ पर अपने skew को समझते हैं

00:15:59मैं यहाँ पर skew function को कहा देता हूँ

00:16:01skew function को मैं यहाँ पर समझा रहा हूँ

00:16:03अब देखो skew function के अंदर वही दो value जाती है

00:16:06तो आर्गूमेंट यहां पर यहां पर आपने यहां पर इस Quebec को समझते इस वाले पार्ट को इस अपने स्केल अपने स्ंच्यूपर

00:16:15तो साः टेलिये देलियर को

00:16:29फ्रा टार्गें। यहां पर यहां पर

00:16:36अब यहां पर जो अपना क्यूक है वह काम आता है हमें पर

00:16:42अपने element को tilt करने लिए अगर आप tilt करना चाते हो जैसे x-axis में tilt करना चाते हो तो वहाँ पर आपका skew काम आता है

00:16:50चलो पर लगागी लखते हैं मैं यहाँ पर बोलता है अपना transform और मैंने यहाँ पर अपना skew यहाँ पर apply करा

00:16:56first value यहाँ पर क्या होती है x-axis होती है कि x-axis में आप कितने degree उसको skew करना चाते हो

00:17:02और second अगर आप यहाँ पर value देते हो मतलब second argument देते हो तो वो होता है कि आप यहाँ पर y-axis में कितना skew करना चाते हो

00:17:10जैसे मालो मैने यहाँ पर बोला

00:17:12मैं यहाँ पर कहाता हूँ कि

00:17:14आप इसको 20 डिगरी यहाँ पर

00:17:16skew कर देना, तो यह क्या है

00:17:18यह है X-axis में

00:17:19तो यहाँ पर X-axis के अंदर

00:17:21वो 20 डिगरी पर skew हो जाएगा

00:17:23दो value मैं यहाँ पर देता हूँ

00:17:25मैं 20 जिगरी देता हूँ और एक कहता हूँ 10 जिगरी

00:17:27तो यह X हो गई और यह आपकी क्या हो गई? Y हो गई

00:17:31तो दोगो X और Y दोनों में वो यहाँ पर इसको स्क्यू करेगा

00:17:34मारजी लगा लो यहाँ तो इसके उपर

00:17:35तो दोगो यह इस तरीके से है

00:17:45नहीं पता चल रहा तो लोगपन इसको और अच्छे से समझते हैं

00:17:48और वो अपन समझ सकते हैं इसको होवर के उपर

00:17:50तो मैं यहाँ पर बोलता हूँ कि जब मैं इस बॉक्स के उपर क्या करूँ?

00:17:52होवर जब मैं इस बॉक्स के उपर होवर करता हूँ

00:17:55तब आपको क्या करना है, यह transform आपको लगाना है, यह वाला transform आप लगा होगे, ठीक है, तो hover करने पे अपना वो work करेगा, तो जैसे मैं करसल लेके जारा हूँ, तो यहाँ पर skew हो रहा है, अपना tilt हो रहा है अपना element, ठीक है, जैसे इसी काम को आप अपना transition लगा के करना चा

00:18:25अपने पास, अगर आप चाहते हूँ, उससे particular x cube पर ही करना चाहते हूँ, ठीक है, जैसे मैंने बोला skew, और मैं यहाँ पर x के अंदर मैंने बोला कि 20 degree आप यहाँ पर क्या कर देना, उसको skew कर देना, ठीक है, तो अब भी आप देखूँगे, तो तो तो आपको x direction के अं�

00:18:55दो दो बार के लगा रहे हो, यहाँ पर आओ, और यह अपने x direction में लगा है, अगर y में लगाना चाहते हो, तो यह y में अब अपना skew apply होगा, तो यह y के अंदर apply हो रहा है, यह जो आपका y हो, उसके अंदर tilt हो रहा है, यह x के अंदर tilt होने वाला है, तो यह आपका skew होत

00:19:25अपना skew होता है इसको भी पनिया पर यूज लेते हैं किलियर है यहां तक की चीज यहां तक की चीज के लिए रहे तो एक बार कमेंट करके बताओ यह सरी यहां तक की चीज के लिए रहे इसमें कोई डाउट नहीं है

00:19:55झाल

00:20:21छीज के सायएं

00:20:24यह flow desk वाला नहीं है लेकिन यह table है और यह आपका not found बता रहा है तूसरा तो और business card भी not found बता रहा है

00:20:34सब not found है सिर्फ एक table यहाँ पर open ओड़ी है आपकी

00:20:37ठीक है अब देखो यहाँ पर अपने जो discuss करा वो अपने discuss करा है यहाँ पर अगे जलते हैं अपन

00:20:50अपने transform के उपर इसी के अंदर एक और आता है एक और फंक्शन आता है और वो advanced का होता है वो अपने पास आता है अपना matrix

00:21:04अब जो अपने पास अपना matrix आता है में यह लिक हो यहाँ पर matrix अब यह matrix function क्या होता है

00:21:14matrix function काम आता है अगर आपको आपका skew आपका translate आपका scale ठीक है आपका rotate यह सब चीज़ अगर आपको एक साथ लगानी है तो वहाँ पर अपन इस matrix को

00:21:26इसका example में आगे दूँआ जब अपन इन सारी चीज़ एक साथ लगाना चाहिए तो यह अपने पास अपना transform की properties आती है जो अपने discuss करी ठीक है और इसी के साथ अपना transition भी अपने यहाँ पर देखा बहुत सारी जिगे यूज होता है transition आप देखते हो बहुत सारी जिगे द

00:21:56तो देखो करसल ले जाने पर यहाँ पर आपको अपका transition यहाँ पर दिखाई दे रहा है ठीक है जब मैं skip पर लिखे जा रहा हूं यहाँ पर transition दिखाई दे रहा है और यह एक्सिस के अंदर उसको क्या कर रहा है minus की values ने दे रही है यही अगर आप बनाना चाहो तो box बना सक

00:22:26और वाई के अंदर और माइनस के अंदर आपने जैसे यहाँ पर कह दिया 10 पिक्सल ठीक है तो वह वैसा ही ट्रीट करेगा यहाँ पर आओ फाइल को प्लूस कर दीगा आपने वापस रन कर लेता हूं इसको ठीक है तो देखो मैं इसके पर करसर लेके जाएं तो इस तरीके से ह

00:22:56तो वह बॉक्स अपने को इस तरीके से दिखाई दे रहा है तो यही तो सेम चीज हो रही है 0.5 ना करके और थोड़ा सा टाइम कम कर दो 0.2 सेकिंड कर दो ठीक है तो मैं आपर करसर लेके जाओंगा तो इस तरीके से अपने वास होगा परफेक्ट तो यह अपने पास अपन

00:23:26ठीक है चलो वाई next आगे बढ़ते हैं यहां तक की चीज़े तो clear है कि अपने पास यह क्या क्या चीज़े आती है

00:23:34अब next अपन आगे discuss करते है अपने क्या क्या चीज़े देख लिए अपने जो basic है

00:23:45ठीक है यह सब चीज़े हो गई और यह हो गया

00:23:56ठीक है अब अपन डिसकस करते हैं यहां पर

00:24:08अब अपन यहां पर डिसकस करते हैं कि सीच के उपर अपने

00:24:16यहां पर अपन डिसकस करते हैं अपने ग्रेडियंट के उपर

00:24:19अगर अपने को अपने gradient यहाँ पर create करना है तो किस तरीके से create करेंगे

00:24:23अब gradient भी अपने पास यहाँ पर आता है अपना linear, radial, cornic यह gradient अपने पास अपने आते हैं CSS के दर

00:24:29तीन तरीके के gradient यहाँ पर अपने CSS में आते हैं ठीक है

00:24:33तो अफन gradient पे डिसकस करते है कि अगर मेरे को यहाँ पर

00:24:37CSS में अपना gradient यहाँ पर लगाना है तो अपन किस तरीके से

00:24:40लगाएंगे तो linear से start करते है अपन ग्रेडेंट कैसे

00:24:45लगाते है अब जो gradient बेसिकली होता है color combination

00:24:49ही होता है तो यहाँ पर gradient पर discuss करूँ तो यहाँ पर

00:25:03तो किस तरीके से अपन यहां परПिर्ग करने हूँ, इसके अंदर भी अपने पास linear होता है,पना radial होता, और

00:25:21और कॉनिक ग्रेडियन के उपर तो चलो भाई यहां पर आ जाओ अपने ग्रेडियन के टॉपिक के उपर

00:25:27ग्रेडियन्ट टॉट स्टी एमें ठीक है और यहां पर अपन लगा देते अपनी बॉइलर प्लेट

00:25:38और मैं यहाँ पर एक box बना लेता हूँ

00:25:43gradient को समझने के लिए

00:25:45मैंने यहाँ पर एक box बनाया

00:25:46ठीक है और इस box को मैं यहाँ पर target कर लेता हूँ

00:25:49यह अपने style करा

00:25:51मैंने बुला dot box

00:25:52ठीक है उसको एक background color अपन यहाँ पर देते हैं

00:25:56जैसे मालो मैंने यहाँ पर एक brown background color दे दिया

00:25:59और width मैं यहाँ पर कहता हूँ

00:26:01कि आप hundred percent कर देना

00:26:03उसकी width और height आप यहाँ पर कर देना

00:26:05उसकी जैसे

00:26:06hundred pixel चीक है

00:26:09तो यह मैंने यहाँ पर से fake box बनाया है

00:26:11जो brown color का है width और height इसकी set कर दी

00:26:13तो आपके पास यह box generate हो क्या जाएगा

00:26:15तो यह अपने पास अपना box generate हो क्या रहा है

00:26:19अब मेरे को यहाँ पर क्या करना है

00:26:21इस box के उपर अपना gradient यहाँ पर अपने को set करना है

00:26:24यह जो box मैंने बनाया है

00:26:25इस box के उपर अपन gradient लगाना चाहते है

00:26:27तो चुलो यहाँ पर gradient देखते हैं, linear gradient आप देखो किस तरीके से apply करते हैं, अब यह जो gradient आप लगाते हो, यह background image के अंदर ही apply होता है, किसके अंदर apply होता है, आपके background image के अंदर, जैसे मालो मैं इस box के उपर gradient लगाना चाहते हूँ, तो मैं आप लिखूँगा अपना background image, ठी

00:26:57जैसे अगर आप यहाँ पर gradient देखोगे, तो यह अपना left to right चल रहा है, या right to left चल रहा है, या फिर top चल रहा है, two bottom चल रहा है, ठीक है, तो वो gradient अपन यहाँ पर अपनी direction भी पास करते हैं, कि आप जो gradient लगाना चाहते हो, किस direction में लगाना चाहते हो, ठीक है, जैसे मैं य

00:27:27यहाँ पर कह दिया, कि आप green रख देना, ठीक है, और तीसरा मैंने यहाँ पर कह दिया, yellow रख देना, यह मैंने इसके उपर यह पास करे, background color की अब सरूत नहीं है, background color को हटा दो, ठीक है, तो अब भी अगर आप यहाँ पर देखोगे, तो आपके पास एक gradient create हो क्या रहा है,

00:27:57आप चाते हो two left से यहाँ पर create हो, तो यह left side से create होगा, two left से यहाँ पर create होगा, तो यहाँ पर left से यहाँ पर create हो रहा है, ठीक है, आप चाते हो two top से create हो, तो आप यहाँ पर two top कर दोगे, तो वो top से create होगा, ठीक है, और अगर आप कर देखो two bottom, तो यहाँ पर वो bottom से create होग

00:28:27लीनियर ग्रेडिनित लगाना है तो अपन लीनियर ग्रेडिनित यहां पर किस तरह के से एपलाई कर सकते हैं

00:28:57कर दो कर सकते हैं

00:29:27झाल झाल

00:29:57झाल

00:30:27ठीक है

00:30:28अब देखो

00:30:33यहाँ पर अपने अपना

00:30:35linear gradient यहाँ पर discuss करा

00:30:37जिसमें मैंने यहाँ पर direction wise लगाया

00:30:39तो अपन यहाँ पर direction wise भी लगा सकते है

00:30:41जैसे 2 bottom, 2 right, 2 right, left

00:30:44ठीक है ऐसे ही अपन यहाँ पर

00:30:45अपना angle भी set कर सकते हैं

00:30:47मैं चाहता हूँ कि angle मैं यहाँ पर set करना चाहता हूँ

00:30:49ठीक है? जैसे इसको तो मैं एक बार के लिए comment कर दे

00:30:52तो मैं angle wise करना चाहता हूँ

00:30:53तो मैंने यहाँ पर अपना वही background image यहाँ पर मैंने लगाई

00:30:57और उसके अंदर अपन यहाँ पर अपना लगा रहे

00:30:59लीनियर gradient चीक है? अब लीनियर ग्रेडियन के अंदर मैंने यहाँ पर बुढ़ा कि

00:31:03आप 45 degree यहाँ पर क्या set कर देना? 45 डिगरी पर यहाँ पर मैं कोई भी color

00:31:09पास करता हूँ जैसे मालू मैंने यहाँ कर दिया कि orange color चीक है? और दूसरा मैं यहाँ पर

00:31:15जिसे परड़ो दर सिंदूब को तो यह मैंने यहां पर अपना इसatta करा सब्सक्राब sauteate आप अब आप देखोगे तो यह 45ड weeks पर और यहांपर यहां पर ब्लेंड हो रहा है

00:31:32औरेंज से purple यहाँ पर blend हो रहा है

00:31:3445 degree पर

00:31:35अगर आप इसको change करोगे तो यह change हो जाएगा

00:31:38कोई दिक्कत नहीं है

00:31:39जैसे यहाँ पर आता हूँ मैं

00:31:40यहाँ पर इसको मैं target करता हूँ

00:31:42अभी देखो मैंने 45 degree यहाँ पर दिया है

00:31:44अगर आप इसको change करोगे

00:31:46तो देखो वो automatically यहाँ पर

00:31:47degree के हिसाप से वो change होगा

00:31:50जो भी degree आप यहाँ पर दोगे

00:31:53उसके हिसाप से वो यहाँ पर change होगा

00:31:54तो यह अपने पास degree के अंदर भी value होती है

00:31:58अगर अपन यहाँ पर degree में value देना चाते है तो

00:32:00ठीक है

00:32:01यह बात हो गई

00:32:05ऐसे ही

00:32:06कि जैसे मालो मैं यहाँ पर percentage wise भी देना चाता हूँ

00:32:10कि मैंको किस color का कितना percentage यहाँ पर रखना है

00:32:13ठीक है वो भी अपन यहाँ पर pass कर सकते है

00:32:16जैसे मालो यहाँ पर आते है

00:32:18अपने यह तो अपना degree wise दिया है

00:32:20अब मैं percentage wise देके देखता हूँ

00:32:22तो मैं यहाँ पर बोलता हूँ अपना background image ठीक है और उसके अंदर अपने अपना linear gradient अपने यहाँ पर pass करा

00:32:29और वो मैं यहाँ पर कहता हूँ कि आप two right यहाँ पर अपना apply कर देना

00:32:34comma से separate करते वे चलना है जैसे मालो मैंने यहाँ पर तीन color देती है

00:32:38दूसरा मैं यहाँ पर कहता हूँ yellow और तीसरा मैं यहाँ पर कहता हूँ

00:32:56जैसे मैं यहाँ पर कहता हूँ यह इंपर कहता हूँ to

00:33:13कितना पर संटेज आपको यहाँ पर रखना है ज Kings mind

00:33:2110%, रको है, आपको चेंज कर देखते हैं, ठीक है ? मैं आपर इसको

00:33:26चेंज करता हम और परसेंटेज भई है, वो आपड़ी �醜के पर friendships एत्या See

00:33:37कर candidate देखनी का कितना और परसेंटेज आपकों सब्सक्राइब करता है

00:33:47तो ये अपने पास अपना gradient का होता है percentage वाइस अगर अपन देना चाथे हैं उसके बाद अगर अपन बात करें यहां पर अपनी Radial Gradient के उपर कि अपना यहां पर Radial Gradient यहां पर क्या होता है

00:34:02linear अपने देखा फिर उसके बाद radial और ऐसी corning gradient अपने पास

00:34:06तीन gradient होता है radial, linear और corning gradient ठीक है

00:34:10तो यह अपने discuss करा आपने linear gradient के उपर

00:34:13कि अपना linear gradient के यहाँ पर क्या होता है

00:34:15next अपने यहाँ पर discuss करते है अपने radial gradient के उपर

00:34:19आप देखो radial gradient जो है वो अपने पास काम आता है कि आपको अपना effect किस तरीके से लगाना है

00:34:26मतलब किस shape के अंदर आप लगाना चाते हो जैसे मालो आप circle में लगाना चाते हो या फिर lips में लगाना चाते हो

00:34:32ठीक है किस तरीके से आप अपने gradient को यहाँ पर set करना चाते हो

00:34:36वहां पर आपका radial gradient यहाँ पर काम आता है ठीक है जैसे मालोपन radial gradient का कोई example देखते है जैसे यहाँ पर आ जाओ और इक और box में यहाँ पर मना लेता हूं जो मैं यहाँ पर कहते हूं box one ठीक है और इसको यहाँ पर अपन target कर लिते हैं

00:34:55इसके उपर जो देखेंगे वो मैं रीडियल यहाँ पर बताने वाला हूँ तो box 1 को यहाँ पर अपने टार्गेट कर लेते हैं और इसको मैं यहाँ पर width देता हूँ 200pixel और यहाँ पर height देता हूँ 300pixel तो width भी यहाँ थोड़ी सी change कर लो मैं यहाँ पर 300pixel width देता हूँ ठीक

00:35:25यहाँ पर create हूँ क्या रहा है अब इसके उपर मेरे को यहाँ पर create करना है अपना radial gradient radial gradient जो है वो अपन यहाँ पर create करना चाता हूँ

00:35:34किस shape के अंदर मैं यहाँ पर create करना चाता हूँ, क्या shape मैं यहाँ पर देना चाता हूँ, उसके लिए अपन यहाँ पर इसको use लेते हैं, जैसे मैं यहाँ पर आता हूँ, सबसे पहले मैं यहाँ पर अपना वही background image अपन यहाँ पर लगाने वाले, background image यहाँ पर अपन लगाते

00:36:04नहीं आपर यह जो आपका gradient है यह अपने पास यहाँ पर इस तरीके से सेट कराई दो यह अपने पास अपने पास अपने बार यहां पर यूज करते हैं जैसे मालोम मैं यहां इसको

00:36:24यहां पर दो और diwen now कि सर्किल in mh ah

00:36:31कि तो मैंने यहां पर कह दिया कि आपप को यहां पर सर्किल जूमा उओ उच?

00:36:39फिले दिद कहले तो मैं पहला यहां पर यहां पर कहतता हूं कि आप डैड

00:36:41करेंगे रखना में एक रखना और यहां पर कॉनसा होगा उतने पार सथ जिये लेते हैं तो

00:37:07है तो यह बात होगे अपने पास किस चीज के अपनी स्वीडियल ग्रेडियेंट की किस

00:37:20अपने पार क्या करेंड सब्सक्सेज्ट हुता है वह आपका लीनिए ग्रेडियन की

00:37:35खीनियेट करते हैं जैसे आप बनाते हैं एक और एकसांपन समझेजुन लेता हूं जिसको पर Associ phase

00:37:54और इस पन यह पर टारगेट कर लेते हैं में आपर कहता हूं कि मीरा जो बॉक्स ट्लू है श को मैंね आपर

00:38:01किया है और इसको अपने यहां पर वेड्ट देदी वेड्थ अपन टू हंडड़्ड पिक्सल यहां पर एक अपना यह बॉक्स यहां पर क्रियेट करती है अब इस बॉक्स के उपर जहाँ के उपर जाता हूं वह मेरा यहां पर कॉनिक

00:38:28रेटियेंट में यहां पर अपलाए करना चाहते हूं यह जो बॉक्स है उसके उपर अपना अपर अपना अपना इसकी विए से

00:38:46ठीक है, खुदी मना देना function नहीं है, तो यहाँ पर quonic gradient को पर नहीं आपर बुला लिया, अब इसके अंदर इससे मैं value देता हूँ, मैंने एक value देती red, दूसरी मैं यहाँ पर देता हूँ यलू, और तीसरी value मैं यहाँ यहाँ यलू and green, अब यहाँ पर अगर आप देखोगे

00:39:16आपका yellow है, फिर उसके बाद green है, ठीक है, red, yellow, green, एक circular यहाँ पर अपना pattern यहाँ पर create हो रहा है, तो यह अपने पास होता है अपना conic gradient, अगर अपन conic gradient यहाँ पर create करना चाहते हैं, ठीक है, अब जैसे मालों आप clockwise rotation करके यहाँ पर एक angle से यहाँ पर create करना चाहते है, अ�

00:39:46conic gradient, चीक है, वो मैंने यहाँ पर apply करा, अब मैं यहाँ पर कहता हूँ, from 90 degree पर आप यहाँ पर apply करना, चीक है, और जैसे अपन यहाँ पर अपने color option दे देते हैं, जैसे मैं आपर कहता हूँ, orange, दूसरा मैं यहाँ पर कहता हूँ, जैसे pink ले लो वह इसा भी, चीक है, और �

00:40:16यहाँ पर आपका क्रियेट होने वाला है, पहला orange, ठीक है, तो यह 90 degree पर आपका हैं, आपका हैं, पर क्रियेट हो रहा है, अपने बुला आपना green, चीक है, तो यह जो gradient है, यह आपका स्टार्ट हो रहा है, 90 degrees है, क्योंकि आपने पहले बोल दिया, from 90 degree, 90 degree से orange करो, फिर pink करो

00:40:46क्रियेट करो, ज्यादा अपने यूज लेते हैं, इस वाले gradient को, अपने linear gradient को, ठीक है, जैसे मालूम है, यहाँ पर CSS, अपना gradient, ठीक है, जनरेटर, यहाँ पर आपना CSS gradient, जनरेटर, तो यहाँ आप जो भी gradient अपना generate करना जाते हो, वो कर सकते हो, जैसे मैं इसके उपर आता ह

00:41:16gradient बनाना है, ठीक है, linear बनाना है, radial बनाना है, जैसे मैं को linear बनाना है, ठीक है, और combination आपको क्या रखना है, वो color combination आप यहाँ पर दे दो, जैसे मैं यहाँ पर यह रखना चाहता हूँ, ठीक है, फिर उसके अलावा यह जो है, इसका color आप यह वाला रख लेना, ठीक है, नही

00:41:46इसका कलर में आपर कहता हूं कि आप इसका कलर रखो यह वाला ठीक है और इसकी value कर दो तोड़ी सी यह

00:41:53ठीक है तो यह आपका gradient यहां पर बनकिया गया यह यह और copy to clipboard से यहां से copy

00:42:00इसको यूज कर लो जALLकिव से मैं इसको यूज करना चाहता हूं इसके अंदर सबर सब्सक्राइब कर लिए इसको यूज कर लिए तो

00:42:21अगर 순간 इन जंडुरे तो सब्सक्राइब कर सकते हैं रहिए तो ये बात हुए अपण

00:42:28किस चीज की अपने ग्रेडियन्ट की यहां तक की चीज के लिए रहे है तो धलाओ यस्सर यहां तक की चीज के लिए

00:42:47इसे बनाते नहीं है यहां पर अपने जिसे बटन में ग्रेडियन्ट लगाना

00:43:08जैसे अब आप बोलो कि मेरे को तो ये बनाना है तो ये image है ये gradient नहीं है ये पूरा ये जैसे इस तरीके से image आ रही है फिर यहाँ पर तेको इस laptop के साइड आ रही है ये ये ऐसे आ रही है तो ये image है ये gradient बनाना मुश्किल है तोड़ा और इतनी मेनत करनी क्यों है जब ये का

00:43:38चीक है

00:43:56सर रेपीट प्लीस ग्रेडियन जुनरेट चीक है

00:44:05देखो यहाँ पर gradient अगर आप generate करना चाते है ये एक website है CSS gradient करके इसके उपर आना है यहाँ पर जो भी gradient आप generate करना चाते हो वो generate कर सकते हो

00:44:20linear करना है, radial करना है

00:44:22radial के अंदर कितना आप यहाँ पर set करना

00:44:24चाते हो, वो set कर सकते हो, तो यहाँ पर value

00:44:27set कर दो, इसकी क्या-क्या value रखनी है

00:44:29ठीक है, यहाँ पर देखो, यह value set करवा रहा है

00:44:32कि कितनी value रखनी है, वो value यहाँ पर

00:44:33pass कर दो, gradient की value क्या रखनी है

00:44:35यहाँ पर इस तरीके से, फिर उसके बाद इसको set कर दो, यहाँ से copy कर लो, और use कर लो, यहाँ पर यह automatically changes कर देगा, यहाँ पर जो भी आप changes करोगे, वो देखो changes यहाँ पर हो देखो, यहाँ पर देखो यह जो इसने दे रखा है न, अपना editor, इस editor में वो changes हो रहे है, जो भी

00:45:05जिसे red color के यहाँ पर अपने gradient इसने बना रखे पहले से यह, यहाँ बहुत सारे gradient इसने बना रखे है, पहले से by default बना रखे उनको भी use कर सकते हूं, ठीक है, यहाँ पर color shade भी इसने दे रखी है, shade of yellow, यहाँ पर इस तरीके से gradient है, यह वाला अगर आप use करना चाते है, तो �

00:45:35यहाँ पर देखो इसने ग्रेडियंस दे रखे यहाँ पर इसने यह वाला ग्रेडियंस बना रखा है यूज करना है तो यहाँ से कॉपी करके इसको यूज कर लो यहाँ से यूज करना है तो ठीक है जैसे मेरे को इसको यूज करना है तो इसको आप यहाँ से यूज कर सकते हो

00:46:05तो gradient बटन के उपर आता हूँ तो यहाँ पर देखो

00:46:08over me, over me, over me

00:46:10इस तरीके से देखो, यह buttons अपने

00:46:12बना सकते हैं अपने CSS के अंदर

00:46:13ठीक है, जैसे यहाँ पर अगर

00:46:16copy करते हैं तो यह code अपने को copy करके देता है

00:46:18और देखो क्या copy करके आ रहा है एक बार देखते हैं

00:46:20क्योंकि इसको मैंने अभी यूज नहीं करा

00:46:23तो यह button का code आपको दे रहा है

00:46:25ठीक है, यह button का code आ रहा है

00:46:28जैसे मैं यह वाला button यूज करना चाता हूँ

00:46:30तो तो तो तो कैसे use करेंगे

00:46:31एक बार के लिए मैं हटाता हूँ इस चीच को

00:46:33मेरे पास जैसे

00:46:36सबसे उपर आ जाते हैं

00:46:45कोई अच्छा था यह button यूज लेना है

00:46:46मैं copy करा, copy करके अपने को क्या करना है

00:46:48CSS का code दे रहा है

00:46:49तो अपने काम करते है

00:46:51यहाँ पर एक नहीं class बनाते है

00:46:53जिसको मैं यहाँ पर कहता हूँ button.stml

00:46:57यहाँ पर boilerplate लगाओ

00:46:59और यहाँ पर उस code को

00:47:01मैं कर देता हूँ copy

00:47:02मैंने style लिया और उसके अंदर paste कर दिया

00:47:04अब देखो इसमें इसने एक class

00:47:07लगा रखी है btn grade

00:47:09बस यह class आपको अपने बटन पर लगानी है

00:47:11तो जैसे मालों मैंने एक button मनाया

00:47:13और उस button के अंदर मैं कर देता हूँ

00:47:15कि यह मेरा login का button है

00:47:17ठीक है

00:47:18login का मेरा यह button है

00:47:19अब भी अगर आप इस file को run करोगे

00:47:22तो अपने पास क्या एगा एक button आने वाला है

00:47:24जो सिर्फ login का एक button है

00:47:26आपको यह वाला button मनाना जो आपने लिया है

00:47:29ठीक है तो उसके लिए आप क्या करोगे

00:47:31इसने जो यहाँ पर class बना रखी है

00:47:33btn grad प्रस इस class को इस पर apply कर दूँ

00:47:35तो मैं यहाँ पर इस पर class लगा देता हूँ

00:47:37और कौन सी class लगानी है btn grad

00:47:39तो यह class जैसे लगाओगे तो वो button इस पर convert हो जाएगा

00:47:42yellow

00:47:43यही तो button था

00:47:46तो यह button इसमें convert हो गया

00:47:48ठीक है

00:47:49border run नहीं कर रखी कैस नहीं

00:47:57जैसे मैं यहाँ पर आता हूँ border और उसको run कर देता हूँ

00:48:02अपने ही साफ से भी अपन कस्टमाइज कर सकते है

00:48:04जो भी कस्टमाइज इसन अपने को बढ़ना हूँ

00:48:05यह लो

00:48:06ठीक है तो यह button मैंने यहाँ पर use कर लिया

00:48:09यहाँ पर देखो इसने बहुत सारे दे रखे

00:48:10वैब gradient में देखो इसने क्या दे रखा है

00:48:15चेक करो

00:48:16इसने बहुत अच्छ जै

00:48:22colorful के उपर आके चेक करो

00:48:33यहाँ पर देखो सारे colors का combination इसने यहाँ पर दे रखा है

00:48:39ठीक है

00:48:40gradient hunt के उपर आके अगर आप चेक करोगे

00:48:43तो इस तरीकी से यहाँ पर इसने ग्रेडियन स्कूप सारे बना रखे इसने

00:48:47जो भी आपको use करना है use करो

00:48:49क्योंकि कई चीज़े copy paste की चीज़े होती है

00:48:51लेकिन उससे पहले आपको पता होना चीज़ है क्या

00:48:55copy paste करने से पहले चीज़े पता होने चीज़े

00:48:57ठीक है

00:49:00तो यह बात होगे अपने पास अपने CSS के

00:49:03gradient के उपर की CSS के अंदर

00:49:05gradient अपने पास यहाँ पर क्या होता है

00:49:07मेरे ही audio cut हो रहा है

00:49:10या sir का आपकी ही हो रहा हो

00:49:11क्योंकि किसी ने कोई issue बता है नहीं

00:49:13audio से related अगर audio का issue आज तो

00:49:16इसरफ आपकी ही आ रहा होगा पिर

00:49:17ठीक है तो यह बात होगे अपने पास

00:49:20अपने gradient की next अपन आगे

00:49:22चलते है और क्या-काचीज़े अपन यहाँ पर

00:49:24अब देख सकते है एक चीच पर बीसकस कर लेटे फिर अज

00:49:26की Klaas यह रखेंगे वह अपने पास अपने पर अपने पास अपना

00:49:33ओफलो क्या होता है CSS और ओफलो पर डिसकस कर

00:49:36लेटे अब देखो ओफलो नाम से ही क्लिगर है

00:49:39अगर मैं यहाँ पर overflow की बात कर रहा हूँ तो overflow अपने पास यहाँ पर अपना नाम से ही clear है

00:49:45overflow मतलब क्या होता है जैसे मालों आपने किसी glass के अंदर पानी बर रखा है ठीक है

00:49:51यहाँ पर किसी मक के अंदर आप पानी बर रहे हूँ तो जब तक वो पानी बरेगा तब तक ठीक है लेकिन अगर वो फुल हो जाएगा उसके बाद पानी ढूलना शुरू हो जाएगा तो वो क्या हो रहा है

00:50:03तो ओवर्फ्लो अपना content का भी होता है जैसे आपने यहाँ पर अपनी complete अपना content लिग दिया लेकिन वो आपके box से बाहर निकल रहा है

00:50:14ठीक है दो किस तरीके से समझते है अपने इस चीज को बना के समझते था कि चीज़े अच्छे चे क्लिए रहो मैं यहाँ पर एक box लेता हूं मैंने यहाँ बॉक्स लिया और उसके अंदर लारेम करके मैंने यहाँ पर 30 का या फिर अपनी यहाँ पर कह देते है जैसे 300 का content ल

00:50:44मैं बोलता हूं style मैंने बुला.box ठीक है और उसको मैंने यहाँ पर एक background color दे दिया और background color मैं आपर कहता हूं green और इसका जो color है वो मैं यहाँ पर कहता हूं white ठीक है अभी के लिए अगर आप देखोगे तो आपका box बिल्कुल perfect है कोई दिक्कत नहीं है इसके अंदर में padding भ

00:51:14मैं यहाँ पर इसकी width और height set करता हूं मैंने गुला width, width तो आप 100% ही रखो लेकिन इसकी height जो है वो मैं यहाँ पर set करके कह देता हूं कि height इसकी 90 pixel रहेगी height इसकी कितनी रहेगी 90 pixel रहेगी तो देखो जैसे ही मैंने 90 pixel करी तो आपका content यहाँ पर क्या हो रहा है overflow हो रहा है आ

00:51:44अब देखो यह जो आपका container है इस container से आपका content यहाँ पर क्या हो रहा है बाहर निकल रहा है और यह क्यों निकल रहा है क्योंकि आपके container की size आपने जो set करकी उसे साबसे बाहर निकल रहा है overflow हो रहा है तो आप क्या चाते हो कि मेरा जो यह content है यह इस box के अंदर है या फिर म

00:52:14लेकिन अब भी मैं चाहता हूँ कि मेरे box के अंदर वो content है, वो उससे बाहर overflow नहीं होना चाहिए, तो यहाँ पर अपने पास अपनी overflow की property आती है, मैंने बुरा overflow और उसको मैंने यहाँ पर कह दिया hidden, तो जैसे ही मैं overflow यहाँ पर hidden बोलूँगा, तो देखो आपका जो content है, वो

00:52:44अंदर ही रहेगा वो, जैसे आपने उसको hidden कर दिया, तो वो अब container के अंदर ही है, अगर मैं hidden को हटा देता हूँ, मैं overflow hidden को हटाता हूँ, जैसे तो यहाँ पर अपना container है, उससे बाहर आपका content यहाँ पर क्या हो रहा है, और अगर आप यहाँ पर बोल दे तो overflow hidden, तो आपक

00:53:14scroll करके देख सकते हूँ, कि आपके उसके अंदर क्या content है, ठीक है, वो content आप यहाँ पर check कर सकते हूँ, जैसे मालू मैं यहाँ पर इसको कहता हूँ, 100 pixels, तो यहाँ पर आपके अपन चेक करते हैं, तो यहाँ पर मैं उस content को scroll करके check कर सकता हूँ, यह अपन ने इस पर लगा �

00:53:44मैंने hidden कर दिया, और किसी button के click पर मैंने पूरा content दिखा दिया, ठीक है, तो वहाँ पर अपने इसको use लेते हैं, तो यह अपने पास अपना CSS का overflow है, CSS के overflow में hidden और scroll अपने दो चीज़े देखी, तो यह अपने पास अपने discuss करा, तो आज की class में अपने कहके चीज़े discuss करी, �

00:54:14सर यहां तक की चीज़े के लिए रहे, इसमें कोई doubt नहीं है,

00:54:44यूरल में आपको code मिल जाएगा, ठीक है, यह table आपने बनाई है, यह आपने बिजनिस कार्ड बनाया है, यह अपने share कर दिया था, और यह flow desk, तीनों चीज़े आपने share कर दी थी और मैंने तीनों देख भी ली थी, flow desk भी आपने सही बनाया है,

00:55:02ठीक है सही है, और यह business card आपने बनाया है, अपना,

00:55:16ठीक है सही है, यह यह भी, और यह आपने table बनाया है,

00:55:38आदिते करे, I mean जिस दिन का code उस दिन मिलेगा और next day, अगर आप बोलोगी तो अभी मिल जाएगा, मैं अभी push कर देता हूँ उसको,

00:55:44कोई दिक्कत वाली बात नहीं है, आप class over होते हैं, मिरेको बस याद दिलाती है, अगर हो कि sir, आज का code push कर दो, ताकि मिरेको code मिल जाए, तो मैं push कर दूँँ उस code को,

00:55:53CSS gradient की website में button कहा है, CSS gradient generator के उपर आना है, और यहाँ पर आके आपको चेक करना है,

00:56:19यहाँ पर देखो, इसने buttons कहां दे रहे हैं, इस background के अंदर यहाँ पर आओगे, तो यहाँ पर इसने buttons दे रहे हैं, ठीक है, यह रहे gradient buttons, इसमें और भी बहुत सारी चीज़े है,

00:56:30gradient पर आओगे तो gradient का लग दे रहा है, block section इसने कुछ का ही बना रहा है, जिसमें आप इसको explore कर सकते हूँ, इसकी dog पढ़ सकते हूँ,

00:56:37ठीक है, ठीक है, ठीक है, तो जो मैंने आपको URL दे रखा है, उस URL के अंदर आपको complete code मिल जाएगा,

00:56:57वहाँ पर जाके आप चेक कर लेना, जो URL दे रखा है मैंने, daily motion का,

00:57:01daily motion का जो URL दे रखा है, daily motion के अंदर जो मैंने दे रखा है,

00:57:10उसी के अंदर आपको मिल जाएगा, या फिर मैं एक काम करूँगा, ये वाला जो URL है, ये मैं वहाँ पर mention करवा दूँगा,

00:57:17कहाँ पर, आपकी community के अंदर, ताकि आपको class code का URL वहीं पर मिल जाए,

00:57:23class code और assignment वाला URL मैं community में mention करवा दूँगा, तो आपको यहाँ पर आके चेक करने की ज़रूती नहीं है, ठीके,

00:57:29तो अभी के लिए तुम्हें बता देता हूँ, जैसे ये वाला URL था, अब भी अगर आप इसको आके चेक करोगे, तो इसमें code आपका publish हो चुका है,

00:57:37जैसे मैं यहाँ पर आता हूँ, बाकी चीज़े एक बार बंद करता हूँ, CSS है,

00:57:42यहाँ पर आओ, क्या पढ़ाता अपने, अभी overflow पढ़ा, क्या चीज़ पढ़ी है, overflow पढ़ा, यह रहा, overflow.html, और इसके अंदर आपका complete code है, कुछ error आ रही है, इसमें load हो पे,

00:57:58fail हो रहा है, कोई बात नहीं है, आपके बास आ जाएगा वो, मेरे कुछी region से fail हो रहा हूँ,

00:58:08sir, documentation कैसे पढ़ते है, किसी website का, mdn का, documentation जैसे पढ़ाई करते हूँ, वैसे ही पढ़ना पढ़ेगा, उसमें मैं आपको क्या guide करूँ, बताओ,

00:58:26जैसे मालो, आप mdn का documentation यहाँ पर पढ़ना चाहते हो, तो जैसे चीजे पढ़ते हूँ, वैसे ही चीजे पढ़ते जाओ, कैसे क्या है, जैसे मालो, मैं stml का documentation पढ़ना चाहता हूँ, तो element से मैंने यहाँ पर start करा, तो इसने हर एक चीज पता रखी है, ठीक है, हर एक ची�

00:58:56है, तो हर एक चीज पढ़ो यहाँ पर, automatically आपको clear हो जाएगी, यह तो पढ़ना पढ़ेगा पूरा, ऐसा नहीं कि आप पढ़नी देश से आपकी English भी improve हो जाएगी, अगर आप इसको पढ़ो के technical terms आपको याद होगी, कि क्या क्या technical terms है, जो आपको use करनी है, ठीक है, यह त

00:59:26के अंदर आपको mention करना है, overflow, attendance के 0.1 के अंदर आपको क्या mention करना है, overflow आपको यहाँ पर mention करना है, attendance के 0.1 के अंदर, यह attendance का 0.1 है,

00:59:56सर, आपने CSS gradient website से जो अपने gradient का code run करवाया था, वो VS code पे code बता दो, प्लीज एक बार, मैंने उसको publish कर दिया, आप जाके check कर सकते हो,

01:00:07यहाँ पर देखो, कहाँ पर करा था, बटन का यह रहा, सिर्फ एक बटन लिया था मैंने, और उस बटन को यहाँ पर copy किया, और यहाँ पर उसकी class लगा दी, बस यह काम किया था, ठीक है, तो यह मैंने code push कर दिया, आप जाके check कर सकते हैं, उसको नहाँ पर, जो URL मैंने दे

01:00:37आपको overflow mention करना है, और attendance के point 2 के अंदर आपको gradient mention करना है, gradient वाला बटन वाला नहीं, मैंने आपको code दे दिया है, वहाँ पर जाके check कर सकते हूं, यहाँ पर आओ, github पे मैंने code push कर दिया है, github पे जाके उस code को देख लो, वहाँ पर आपको code मिल जाएगा, जैसे मैं यहा�

01:01:07यहाँ पर आपके check कर लो, मैंने code push कर दिया है, वहाँ पर जाके आप check कर लो code,

01:01:11सिवाक्षी करें कि सर्फ project कैसे send करना है, और link कैसे बनाना है, please reply, मैंने इस पर भी कोई discussion नहीं किया है, project कैसे, project तो अभी अपनने कुछ बनाया है नहीं, मैंने आपको छोटे-छोटे task दिया है, चीक है, तो अभी कुछ भी नहीं करना, आपको बस अपने assignment complete करने है,

01:01:39खुद के hand से, चीक है, बस ये काम करू, इतना काफी है, पहले ये काम करू, उसके बाद फिर मैं बताऊँगा कि कैसे share करना है, link कैसे बनता है, ये जो previous student उनको पता है, deploy करने का पूरा process इसलिए वो deploy करके दिखा रहा है आपको, तो उसको देखके घबराना नहीं है, क्यों

01:02:09करते कैसे, उसका link generate करते है, सब चीजे, अभी के लिए, अभी आप अपने assignment complete करो, मैं automatically आपको पता दूँआ कि आपको अपने assignment कहां submit करने है, और कैसे मेरे को share करने है, ठीक है, ठीक है, ठीक है, चलो आज की class इतनी रखते हैं, मिलते हैं फिर अपन अपनी next class के अंदर, कल �

01:02:39आज के अंदर, भाई भाई भाई वर्यवन, और टेक हैं अल, लव यू वल, भाई