1
00:00:00,390 --> 00:00:01,650
सभी अधिकार वापस स्वागत करते हैं।

2
00:00:01,660 --> 00:00:05,770
इस वीडियो में हम अभी हमारी साइट के स्टाइल पर काम करने के लिए जा रहे हैं।

3
00:00:05,850 --> 00:00:09,530
ऐसा नहीं है कि यह अंत में की तरह लग रहे करने के लिए माना जाता है के पास निश्चित रूप से कहीं नहीं है।

4
00:00:09,810 --> 00:00:12,960
तो चलो वास्तव में उन्हें कंधे से कंधा मिलाकर की तुलना करते हैं।

5
00:00:13,530 --> 00:00:14,840
यहाँ यहाँ पर हमारा है।

6
00:00:15,030 --> 00:00:21,280
इसलिए बड़ा परिवर्तन से कुछ हम शीर्ष यहाँ कुछ रिक्ति जोड़ने कोनों गोलाई बनाने की जरूरत है।

7
00:00:21,360 --> 00:00:23,260
बटन यहां की स्टाइल बदल रहा है।

8
00:00:23,490 --> 00:00:32,370
इसलिए इन बटन वास्तव में बटन की तरह नहीं लग रहे जब तक आप उन पर जाएँ और हम एक हॉवर प्रभाव हमारे बटन निश्चित रूप से घृणित मिल रहे हैं और हम उन पर कोई प्रभाव नहीं है मंडराना है।

9
00:00:32,370 --> 00:00:35,200
इसके अलावा उन्हें की स्थिति में थोड़ा सा गलत है।

10
00:00:35,550 --> 00:00:48,310
अगर मैं यहाँ लगता है कि आप देख सकते हैं मैं पाठ मिलता है, लेकिन अगर मैं ताजा थे कि तकनीक अंतरिक्ष में पहले से ही अप बनाम हमारे संस्करण पर यदि मुझे लगता है कि सब कुछ पाठ धक्का पक्षों को छीन लिया है।

11
00:00:48,470 --> 00:00:51,480
इसके अलावा वहाँ यहाँ एक एनीमेशन है।

12
00:00:51,510 --> 00:01:02,990
तो जब मैं नोटिस कैसे वे हमारा पर धीरे-धीरे बाहर हो पाती है, तो मैं एक गलत एक यह सिर्फ तुरंत हटा दिया जाता है पर क्लिक करें जब हम अच्छी तरह से क्लिक करें।

13
00:01:03,000 --> 00:01:05,790
तो हम उस के लिए एक संक्रमण जोड़ना चाहते हैं।

14
00:01:05,790 --> 00:01:09,200
इसके अलावा, हम एच 1 यहाँ हमारा पर कुछ काम की जरूरत है।

15
00:01:09,390 --> 00:01:10,920
यह और अधिक जगह लेने की जरूरत है।

16
00:01:11,130 --> 00:01:12,930
हम पृष्ठभूमि रंग बदलने की जरूरत है।

17
00:01:12,930 --> 00:01:14,520
हम फॉन्ट बदलना चाहते हैं।

18
00:01:14,910 --> 00:01:22,610
हम जानते हैं कि हमारे रंग की अवधि सही स्वरूप है तो यह अपने आप ही लाइन पर है सुनिश्चित करने की आवश्यकता है और यह एक बड़े फ़ॉन्ट है।

19
00:01:22,710 --> 00:01:25,910
इसके अलावा, हम पूरे शरीर के लिए फ़ॉन्ट बदलने की जरूरत है।

20
00:01:25,950 --> 00:01:28,020
तो ये सब एक ही फॉन्ट कर रहे हैं।

21
00:01:28,080 --> 00:01:37,470
और अंत में आप पर ध्यान देंगे हम धारी अंतरिक्ष का एक छोटा सा अधिकार के बीच यहाँ और शरीर का अंत है और समाधान संस्करण में वहाँ सब पर कोई जगह नहीं है।

22
00:01:38,030 --> 00:01:38,490
ठीक।

23
00:01:38,550 --> 00:01:41,580
चलो पहले से निपटने इस एच-1 से शुरू हो जाओ।

24
00:01:41,990 --> 00:01:52,700
इसलिए हम अपने SUBLINE पाठ करने के लिए जाने के लिए और एच-1 और पहली बात यह है कि क्या करेंगे सिर्फ बीच में चीजों के लिए पंक्ति के रूप में आप समाधान में देख सकते हैं करने के लिए जाने के लिए जा रहे हैं।

25
00:01:52,890 --> 00:01:54,170
हालात केंद्र के लिए गठबंधन कर रहे हैं।

26
00:01:54,210 --> 00:02:03,070
इतना सब हम क्या करने की जरूरत पाठ संरेखित केंद्र जोड़ने के लिए और बचाने के लिए और ताज़ा है।

27
00:02:03,360 --> 00:02:06,520
ठीक मामूली सुधार।

28
00:02:06,540 --> 00:02:17,280
आगे की पृष्ठभूमि रंग तो रंग अभी भी नीला होने जा रहा है बदल सकते हैं, लेकिन तुम नोटिस हूँ कि अगर मैं अभी पृष्ठ ताज़ा यह ठीक काम करता है।

29
00:02:17,400 --> 00:02:23,010
लेकिन अगर मैं फिर से ताज़ा और फिर मैं इस खेल को जीतने या मैं नए रंग पर क्लिक करें।

30
00:02:23,010 --> 00:02:31,970
यह काला करने के लिए वापस चला जाता है और उसकी वजह से हमारे जावा स्क्रिप्ट कोड overwriting है कि हम यह हमारे जावास्क्रिप्ट में इस अंधेरे ग्रे काले रंग करने के लिए स्थापित कर रहे हैं वापस आ गया है।

31
00:02:32,010 --> 00:02:37,320
हम स्थानों पर जहां हम इसे इस रंग है जो 2 3 2 3 2 3 है को रीसेट कर रहे हैं खोजने की जरूरत है।

32
00:02:37,320 --> 00:02:38,040
ये रहा।

33
00:02:38,100 --> 00:02:40,820
हम सिर्फ अभी भी नीला होने के लिए इस बदलना चाहते हैं।

34
00:02:41,340 --> 00:02:44,690
और वह भी जब मैं ताज़ा यह यह अभी भी नीले रंग की है शुरू होता है।

35
00:02:44,850 --> 00:02:45,970
मैं नए रंग मिलता है।

36
00:02:45,990 --> 00:02:47,870
यह अभी भी नीले रंग के रूप में रहता है।

37
00:02:48,360 --> 00:02:48,810
ठीक।

38
00:02:48,870 --> 00:02:49,830
तो वह है कि।

39
00:02:49,830 --> 00:02:54,430
अब चलो हमारी एच-1 के दोनों तरफ सब काली स्थान से छुटकारा मिलेगा।

40
00:02:54,870 --> 00:03:02,230
इसलिए हमारे एच-1 में हम ऊपर और नीचे छोड़ दिया और सही पर सभी मार्जिन मार्जिन शून्य से छुटकारा पाने के लिए जा रहे हैं।

41
00:03:02,250 --> 00:03:04,820
तो नोटिस क्या होता है जब कि क्या करना है।

42
00:03:04,820 --> 00:03:10,720
यही कारण है कि काली स्थान बाएँ शीर्ष और सही पर रिक्ति का यह छोटा सा को छोड़कर सभी पक्षों पर चला जाता है।

43
00:03:10,830 --> 00:03:14,870
और यही से नहीं आ रहा है या एच 1 वास्तव में शरीर से आ रही है कि।

44
00:03:14,940 --> 00:03:19,420
तो यह है कि हम शरीर के लिए जाना है और यह मार्जिन शून्य दे सकते हैं ठीक करने के लिए।

45
00:03:19,680 --> 00:03:24,230
और अब इस छोटे से अंतराल मैं ताज़ा करेंगे पर ध्यान देने की और कहा कि दूर चला जाता है।

46
00:03:24,390 --> 00:03:30,040
इसलिए हमारे सफेद धारी पक्ष जैसे यह यहां इस संस्करण में क्या करता है के लिए सभी तरह से चला जाता है।

47
00:03:30,150 --> 00:03:30,970
ठीक।

48
00:03:31,080 --> 00:03:33,080
आगे की मस्ती पर ध्यान केंद्रित करते हैं।

49
00:03:33,450 --> 00:03:36,180
तो मज़ा हमारे तत्वों के सभी के लिए एक ही होने जा रहा है।

50
00:03:36,180 --> 00:03:41,690
बटन और एच-1 और अवधि यहाँ यह सब एक ही फॉन्ट थोड़ा अलग फ़ॉन्ट वजन है।

51
00:03:41,850 --> 00:03:46,660
और हम फोंट प्रणाली vaunts जो Avenir कहा जाता है में बनाया का सिर्फ एक का उपयोग करने के लिए जा रहे हैं।

52
00:03:46,920 --> 00:03:52,730
तो यह है कि फ़ॉन्ट परिवार Avenir होने जा रहा है।

53
00:03:53,430 --> 00:03:56,440
यही कारण है कि एक फ़ॉन्ट है कि हर सिस्टम पर वहाँ से बाहर काम नहीं कर सकता है।

54
00:03:56,580 --> 00:04:03,930
तो हम एक दूसरे विकल्प है जो मोंट है में जोड़ने के लिए जा रहे हैं। Serat बस ऐसे ही।

55
00:04:04,740 --> 00:04:10,050
इसलिए हम यहां इस मज़ा जो स्पष्ट रूप से वास्तव में एक ही नहीं दिखता है के साथ खत्म होता है।

56
00:04:10,170 --> 00:04:12,460
और कहा कि हमारे फ़ॉन्ट वजन करने के लिए नीचे आता है।

57
00:04:12,540 --> 00:04:16,040
इसलिए हम इस फ़ॉन्ट के वजन को बदलने की जरूरत है, क्योंकि यह एक H1 है।

58
00:04:16,050 --> 00:04:21,520
डिफ़ॉल्ट यह बोल्ड बनाने के लिए या 700 या 800 या 900 भी फ़ॉन्ट वजन की तरह है।

59
00:04:21,600 --> 00:04:24,350
हम क्या करना चाहते हैं यह फ़ॉन्ट वजन सामान्य दे रहा है।

60
00:04:24,420 --> 00:04:32,230
तो जब हमारे एच-1 फ़ॉन्ट वजन सामान्य जोड़ने के लिए और बचा सकता है।

61
00:04:32,400 --> 00:04:33,400
ताज़ा करें।

62
00:04:33,710 --> 00:04:34,700
यही कारण है कि करीब लग रही है।

63
00:04:34,700 --> 00:04:37,550
अब वहाँ कुछ अन्य बातें हमें बदलने की जरूरत है।

64
00:04:37,590 --> 00:04:56,510
जिनमें से पहला यह है कि यह सभी अपरकेस है और हम उस RCSS के साथ प्रयोग कर पाठ अपरकेस बदलने और बचाने के लिए तो अब करीब देखो और यह भी सुनिश्चित करें कि हमारे रंग अपने आप ही लाइन पर है बनाना चाहते हैं और है कि हम शैली है कि थोड़ा अलग अवधि क्या कर सकते हैं ऐसा करने के लिए।

65
00:04:56,570 --> 00:05:01,340
हम यहाँ हमारी टीम में ऊपर जाने के लिए जा रहे हैं और वास्तव में हम एक छोटा सा बाहर आयु वर्ग को संपादित करने के लिए उसे जा रहे हैं।

66
00:05:01,700 --> 00:05:04,120
और यह पहला तरीका है कि हम यह काम करने जा रहे है।

67
00:05:04,160 --> 00:05:12,590
हम Pearcey एसएस के साथ इसे करने का एक और तरीका देखेंगे लेकिन हम एक पंक्ति पर इस जहां हम महान है स्टाइल से शुरू करने जा रहे हैं और फिर एक को तोड़ने जोड़ने के लिए।

68
00:05:12,590 --> 00:05:26,440
हम ABR टैग का उपयोग कर सकते हैं और वास्तव में इस रूप में दूर शैली यह एक छोटा सा सिकोड़ी है के रूप में एक बहुत अच्छा विचार नहीं है बल्कि यह एक त्वरित और आसान तरीका कुछ रिटर्न और कुछ लाइन टूट जोड़ने आरंभ करने के लिए है और वह इस टैग करता है यह कहते है कि सभी को है एक पंक्ति विराम।

69
00:05:26,620 --> 00:05:37,970
इसलिए हम एक महान के बाद हम एक ब्रेक हमारे अवधि चाहते हैं और फिर और फिर हम तल पर एक और ब्रेक और फिर रंग खेल चाहते हैं और अगर हम अब ताज़ा आप हम करीब हो रही है देख सकते हैं चाहता हूँ।

70
00:05:38,060 --> 00:05:41,280
अब हम अवधि बनाने के लिए एक बहुत बड़ा पर ध्यान केंद्रित करने की जरूरत है।

71
00:05:41,660 --> 00:05:44,160
इसलिए इस बैंड के रंग प्रदर्शन के एक विचार है।

72
00:05:44,300 --> 00:05:49,730
इसलिए हम आर सी एस एस के लिए खत्म हो जाने और सिर्फ इस तरह रंग प्रदर्शन का चयन करने के लिए जा रहे हैं।

73
00:05:49,900 --> 00:05:58,200
क्रमांक रंग प्रदर्शन और फिर हम फ़ॉन्ट आकार कहने जा रहे हैं एच -1 फ़ॉन्ट आकार के 200 प्रतिशत है।

74
00:05:58,550 --> 00:06:01,860
और अगर हम ताज़ा हम अब इतना बड़ा फ़ॉन्ट आकार मिलता है।

75
00:06:02,210 --> 00:06:03,630
और हम करीब हो रही है।

76
00:06:03,680 --> 00:06:05,210
हम यहाँ हमारी टूटता है।

77
00:06:05,330 --> 00:06:10,040
आप यह भी है कि हालांकि हम लाइनों के बीच एक बहुत अधिक स्थान की तुलना में हम यहाँ पर कर रहे हैं।

78
00:06:10,280 --> 00:06:12,970
तो वहाँ कुछ चीजें है कि हम उस पर काम करने के लिए नहीं कर सकते।

79
00:06:12,980 --> 00:06:15,780
पहले एक लाइन ऊंचाई को बदलना है।

80
00:06:16,280 --> 00:06:21,580
इसलिए हम इसे 1.1 की एक पंक्ति ऊंचाई देने के लिए और बचा लेंगे।

81
00:06:22,190 --> 00:06:27,040
और फिर हमारे संस्करण में देखते हैं और ताज़ा करते हैं और आप देख सकते हैं कि थोड़ा नीचे सिकुड़ती।

82
00:06:27,290 --> 00:06:30,440
लेकिन अब हम ऊपर और नीचे पर अंतरिक्ष खो दिया है।

83
00:06:30,440 --> 00:06:32,190
हम वहाँ अंतरिक्ष का एक छोटा सा की आवश्यकता है।

84
00:06:32,210 --> 00:06:35,050
तो हम क्या करेंगे में जाने के लिए और कुछ padding जोड़ने के लिए है।

85
00:06:35,450 --> 00:06:47,050
इसलिए हम ऊपर और नीचे ही नहीं छोड़ दिया और सही करने के लिए गद्दी जोड़ने के लिए जा रहे हैं और हम ऊपर और नीचे पर 20 पिक्सल चाहते हैं तो हम क्या कर सकते हैं तो बस इस गद्दी की तरह 20 पिक्सल और शून्य है।

86
00:06:47,300 --> 00:06:58,590
हम यह भी शीर्ष 20 पिक्सल और गद्दी नीचे padding किया जा सकता था, लेकिन यह है कि यह ताज़ा करने का एक अच्छे छोटा रास्ता है और आप देख सकते हैं कि हम लगभग वहाँ अब कर रहे हैं।

87
00:06:58,880 --> 00:07:00,670
इसलिए हमारे हैडर ठीक लग रहा है।

88
00:07:00,880 --> 00:07:05,830
हम सही फ़ॉन्ट सही फ़ॉन्ट जिस तरह से यह अपरकेस सही पृष्ठभूमि रंग में है है।

89
00:07:05,870 --> 00:07:11,240
के रूप में मैं सही रहती है सब अच्छा लग रहा है खेलने यकीन करते हैं।

90
00:07:11,300 --> 00:07:14,800
अगली बात यह है कि हम निपटने चाहिए इस नव पट्टी पर बटन रहे हैं।

91
00:07:15,130 --> 00:07:18,080
तो हम निश्चित रूप से एक लंबा रास्ता तय करना है उन में सुधार करने के लिए जाना है।

92
00:07:18,080 --> 00:07:23,840
पहली बात यह है कि हम क्या करना चाहते हैं सीमाओं से छुटकारा मिलता है तो हम बटन के आसपास यह स्पष्ट सीमा की जरूरत नहीं है।

93
00:07:23,870 --> 00:07:27,230
हम यह भी पृष्ठभूमि रंग से छुटकारा पाने के लिए चाहते हैं।

94
00:07:27,320 --> 00:07:29,290
तो जैसा कि आप यहाँ देख सकते हैं कि वहाँ कोई पृष्ठभूमि होनी चाहिए।

95
00:07:29,330 --> 00:07:33,210
यह बस जब तक हम मंडराना इंतजार करना या जब तक हम किसी एक का चयन किया है।

96
00:07:33,250 --> 00:07:37,790
इसके अलावा हमें यकीन है कि फ़ॉन्ट परिवार इस फ़ॉन्ट को यहाँ के रूप में ही है बनाना चाहते हैं।

97
00:07:37,790 --> 00:07:39,230
तो चलो शुरू हो जाओ।

98
00:07:39,230 --> 00:07:48,620
और मैं बहुत बटन सभी बटन का चयन करने के लिए जा रहा हूँ और हम सिर्फ सीमा कोई भी कहते हैं और बचाने के लिए जा रहे हैं।

99
00:07:48,800 --> 00:07:50,850
बटन पर ध्यान दे जब मैं ताज़ा करें।

100
00:07:51,170 --> 00:07:51,790
ठीक।

101
00:07:51,980 --> 00:07:53,520
तो क्या अब हम कोई सीमा नहीं है।

102
00:07:53,720 --> 00:07:55,600
लेकिन हम अभी भी है कि पृष्ठभूमि रंग है।

103
00:07:55,850 --> 00:08:02,760
तो अब है कि एक ही पृष्ठभूमि कोई नहीं है और बचाने के लिए और ताज़ा और हम करीब हो रही है।

104
00:08:02,950 --> 00:08:04,800
तो अब हम सिर्फ सादा पाठ है।

105
00:08:05,120 --> 00:08:09,520
और हम सभी का पाठ अपरकेस बना हम यहाँ पर है की तरह से शुरू करेंगे।

106
00:08:09,740 --> 00:08:16,330
इसलिए हम पाठ का उपयोग बदलने के लिए फिर से सिर्फ इतना है कि वहाँ पेस्ट के ऊपर है कि लाइन को कॉपी और ताज़ा करें।

107
00:08:16,400 --> 00:08:18,840
अब हमारी बटन सभी अपरकेस में हैं।

108
00:08:18,920 --> 00:08:25,370
अगली बात यह है कि हम क्या करना चाहते हैं सुनिश्चित करें कि बटन div धारी कंटेनर के ऊपर से नीचे तक सभी तरह से चला जाता है बना है।

109
00:08:25,400 --> 00:08:31,580
अभी यह केवल अंतरिक्ष का एक हिस्सा भी लेता है तो हम क्या कर सकते हैं कि ऊंचाई की स्थापना के लिए 100 प्रतिशत होने का है।

110
00:08:31,750 --> 00:08:38,900
और कहा कि जैसा कि आप देख सकते हैं कि हमें बहुत करीब हो जाता है यह युक्त तत्व का 100 प्रतिशत तक ले जाएगा मतलब है।

111
00:08:38,930 --> 00:08:47,540
हम तो बस अब कुछ रंग बदलने के लिए फ़ॉन्ट आकार फ़ॉन्ट वजन बदलने के लिए और उसके बाद मंडराना प्रभाव है जो हम अभी तक की स्थापना की है नहीं बदलने की जरूरत है।

112
00:08:48,010 --> 00:08:54,980
अगली बात यह है कि क्या करेंगे फॉन्ट में थोड़ा सा भारी इंतजार कर सकते हैं और साथ ही अभी भी नीला होना करने के लिए रंग बदलने के लिए है।

113
00:08:55,040 --> 00:09:02,350
तो फ़ॉन्ट वजन सात सौ से करना होगा और फिर रंग भी अभी भी नीला हो जाएगा।

114
00:09:02,650 --> 00:09:05,370
और ताज़ा है कि बाहर की जाँच करते हैं।

115
00:09:06,020 --> 00:09:14,750
इसलिए यह थोड़ा बड़ा हो जाता है और आप भी देख सकते हैं कि रंग अब यह है कि अभी भी नीले रंग ही रंग हम यहाँ वापस करने के लिए बदल गया है।

116
00:09:14,760 --> 00:09:21,810
एक सच में मामूली परिवर्तन है कि हम जो पत्र एक पिक्सेल होने की रिक्ति को बदलने के लिए है सुनिश्चित कर सकता है।

117
00:09:21,830 --> 00:09:28,390
और अगर आप ध्यान देना जब मैं ताज़ा आप प्रत्येक अक्षर के बीच सिर्फ एक छोटा सा बाहर दूरी चीजें देख सकते हैं।

118
00:09:29,090 --> 00:09:31,690
लेस्ली के फ़ॉन्ट आकार पर ध्यान केंद्रित करते हैं।

119
00:09:31,700 --> 00:09:33,690
वे थोड़ा बहुत छोटा लग रहे हैं।

120
00:09:33,980 --> 00:09:39,340
तो हम बस फ़ॉन्ट आकार का उपयोग करें और यह वारिस सेट किया जा करने के लिए जा रहे हैं।

121
00:09:39,500 --> 00:09:45,600
और अगर मैं ताज़ा जैसा कि आप देख सकते हैं कि वे फ़ॉन्ट आकार के वारिस और हमारे पास नहीं है स्पष्ट रूप से यह कहा है।

122
00:09:45,620 --> 00:09:47,120
तो चलो अब एक नजर डालते हैं।

123
00:09:47,620 --> 00:09:51,380
बड़ा अंतर यह है कि वे वर्तमान में अलग तरह से स्थान दिया गया है रहे हैं।

124
00:09:51,670 --> 00:09:55,490
जैसे ही पेज लोड किया जाता है कि हम अपने संस्करण पर अंतरिक्ष यहाँ है।

125
00:09:55,490 --> 00:09:59,460
हालांकि हम चाहते हैं कि अंतरिक्ष जब तक हम एक बटन पर क्लिक करें की जरूरत नहीं है।

126
00:09:59,480 --> 00:10:17,220
तो हम क्या करने वास्तव में काल यहीं है कि शैली है की क्या जरूरत है और उस अवधि संदेश में कहा जाता है और हम जाने के लिए और है कि कुछ गुण यह है कि जगह ले बनाने के लिए देने के लिए चाहते करने जा रहे हैं और हम सभी के लिए की जरूरत है एक बदल रहा है वास्तव में संपत्ति।

127
00:10:17,360 --> 00:10:28,830
इसलिए हम अपने संदेश है जो इस प्रशंसक है चुने गए प्रदर्शन के लिए जा रहे हैं और हम प्रदर्शन संपत्ति को बदलने के लिए लाइन में होने जा रहे हैं।

128
00:10:28,830 --> 00:10:41,790
ब्लॉक तो क्या हुआ कि अगर मैं तुम्हें एक बड़ा अंतर नोटिस नहीं होगा सही दूर से ताज़ा करना होगा, लेकिन है कि क्योंकि हम भी आवंटित करने की जरूरत है आप के साथ एक पता है कि यह 20 प्रतिशत के साथ देने के लिए और बचाने के लिए और ताज़ा करें।

129
00:10:42,230 --> 00:10:48,790
अब हम इस अवधि भले ही यह उस में कुछ भी है कि इस स्क्रीन के 20 प्रतिशत तक ले जाता है नहीं करता है।

130
00:10:49,000 --> 00:10:52,920
तो उस तरफ जो वास्तव में हम क्या चाहते करने के लिए इन तत्वों को धक्का।

131
00:10:53,500 --> 00:10:55,690
चलो एक नज़र रखना और उनकी तुलना करते हैं।

132
00:10:55,700 --> 00:10:56,960
सभी सही तो यह है कि बहुत करीब लग रहा है।

133
00:10:56,960 --> 00:11:05,450
अब क्या हम अगले पर काम करेंगे सही रंग मैच चुना वर्ग हो रही है और साथ ही हमारे मंडराना प्रभाव हो रही है।

134
00:11:05,450 --> 00:11:10,460
तो यह है कि हमारे बटन में नीचे होने जा रहा है और हम पहले मंडराना प्रभाव जोड़ने के लिए जा रहे हैं।

135
00:11:10,460 --> 00:11:27,140
इतना सब हम क्या करने की जरूरत बटन Colan Huffer में जोड़ने के लिए है और हम सफेद हो फ़ॉन्ट रंग बदलने के लिए जा रहे हैं और पृष्ठभूमि रंग इस्पात नीला हो।

136
00:11:27,130 --> 00:11:31,370
इसलिए हम मूल रूप से रंगों के पीछे रहे हैं और हम बचाने के लिए और ताज़ा करेंगे।

137
00:11:31,630 --> 00:11:34,090
अब मैं उड़ना के रूप में आप मुझे लगता है कि प्रभाव मिलता देख सकते हैं।

138
00:11:34,670 --> 00:11:35,550
उत्तम।

139
00:11:35,600 --> 00:11:39,920
और हमारे चयनित वर्ग है कि हम सिर्फ एक ही लग रहा है।

140
00:11:39,950 --> 00:11:42,360
बस शैलियों की नकल करने जा रही है।

141
00:11:42,530 --> 00:11:45,980
वहाँ कोई अंतर नहीं है जब हम कुछ बनाम जब यह चयनित है पर मँडरा रहे है।

142
00:11:45,980 --> 00:11:47,260
वे एक ही दिखना चाहिए।

143
00:11:47,420 --> 00:11:52,790
तो अगर आप सही है कि लग रहा है और मैं उड़ना और केवल जबकि मैं उड़ना देख सकते हैं।

144
00:11:52,850 --> 00:11:55,270
ऐसा नहीं है कि नीले रंग की पृष्ठभूमि और सफेद पाठ रंग मिलता है।

145
00:11:55,340 --> 00:11:57,410
और जब मैं यह कदम दूर चला जाता है।

146
00:11:57,680 --> 00:11:59,010
वहाँ एक मामूली अंतर है।

147
00:11:59,300 --> 00:12:04,470
अगर मैं समाधान पर हॉवर बटन सूचना है कि यह है कि रंग में fades।

148
00:12:04,550 --> 00:12:08,390
यह सिर्फ मेरी संस्करण पर एक पल के लिए स्विच नहीं है।

149
00:12:08,650 --> 00:12:10,550
यह सिर्फ तुरन्त टॉगल करता है।

150
00:12:10,820 --> 00:12:16,440
हम एक सी एस एस संक्रमण संपत्ति बटन चयनकर्ता के अंदर का उपयोग कर ठीक कर सकते हैं।

151
00:12:16,670 --> 00:12:19,720
हम संक्रमण के बारे में है और इसे पारित करने के लिए जा रहे हैं।

152
00:12:19,720 --> 00:12:30,610
दो तर्क दो मूल्यों कर रहे हैं और पहले से एक है कि हम क्या संक्रमण के लिए चाहते हैं और हमारे मामले में हम सिर्फ हर संपत्ति को जोड़ने के लिए और फिर अगले एक है कि हम कब तक इसे ले जाना चाहते जा रहे हैं।

153
00:12:30,710 --> 00:12:34,390
तो मैं दो सेकंड के साथ पहली बार में यह अतिरंजना करने जा रहा हूँ।

154
00:12:34,390 --> 00:12:43,790
तो फिर संक्रमण संपत्ति कैसे हम CSX बता सकते हैं कि कैसे रंग बदलता है या फ़ॉन्ट आकार में परिवर्तन और गुणों के बीच संक्रमण चेतन करने के लिए है।

155
00:12:43,790 --> 00:12:51,900
तो क्या मैं यहाँ कहा है कि किसी भी बटन जो हमारे मामले में वास्तव में सिर्फ रंग और पृष्ठभूमि हो जाएगा पर किसी भी समय संपत्ति बदल जाता है।

156
00:12:52,070 --> 00:12:59,190
तो जब भी रंग बदलता है और पृष्ठभूमि रंग बदलता है यह दो सेकंड के लिए ले जाना चाहिए और जब मैं ताज़ा आप देखेंगे।

157
00:12:59,420 --> 00:13:00,410
और मैं उड़ना।

158
00:13:00,560 --> 00:13:01,880
ओह कि अभी भी काम नहीं कर रहा है।

159
00:13:01,900 --> 00:13:04,750
मैं यहाँ 2.00 रों याद कर रहा हूँ मेरी एस।

160
00:13:04,850 --> 00:13:17,520
और अब अगर मैं ताज़ा और मंडराना उस में फीका करने के लिए और जब मैं चयनित वर्ग यह भी दो सेकंड लेता जोड़ने के लिए क्लिक करें और इसे बाहर फीका करने के लिए जब मैं छोड़ दो सेकंड लेता है दो सेकंड लेता है।

161
00:13:17,750 --> 00:13:20,140
तो दो सेकंड निश्चित रूप से बहुत लंबा है।

162
00:13:20,560 --> 00:13:23,580
मुझे लगता है कि मैं इस मुद्दे के बारे में तीन सेकंड के लिए लक्ष्य कर रहा हूँ।

163
00:13:23,750 --> 00:13:25,950
की है कि बाहर का परीक्षण करते हैं।

164
00:13:25,970 --> 00:13:26,630
हम वहाँ चलें।

165
00:13:26,650 --> 00:13:28,990
यह मेरे लिए बहुत अच्छा लग रहा है।

166
00:13:29,060 --> 00:13:38,550
पिछले बड़ी बात यह है कि जिस तरह हम उन गोल कोनों एक संपत्ति सीमा त्रिज्या कहा जाता है का उपयोग कर पाने के लिए इन चौराहों पर गोल कोनों हो रही है।

167
00:13:38,690 --> 00:13:41,990
तो मैं मंझला डॉक्स खुला है, तो आप एक बार देख लेने के लिए चाहते हैं।

168
00:13:42,130 --> 00:13:42,970
यह एक अच्छा पढ़ा है।

169
00:13:43,100 --> 00:13:46,760
लेकिन वे आप अलग अलग चीजें आप एक त्रिज्या बोर्ड के साथ क्या कर सकते हैं पर कुछ उदाहरण दिखाते हैं।

170
00:13:46,900 --> 00:13:52,000
तो क्या हम क्या करने जा रहे हैं यह एक मामूली सीमा त्रिज्या देने के लिए और इन वर्गों यहाँ कर रहे हैं।

171
00:13:52,150 --> 00:13:54,340
और क्या हम के लिए लक्ष्य कर रहे हैं पर एक नज़र रखना।

172
00:13:54,350 --> 00:13:56,140
तो उन है कि हम क्या प्राप्त करना चाहते हैं।

173
00:13:56,180 --> 00:13:58,810
तो यह मामूली मामूली वक्र था।

174
00:13:59,500 --> 00:14:10,130
चलो हमारे वर्ग वर्ग के लिए ऊपर जाना है और एक सीमा त्रिज्या आवंटित करने और चलो कुछ वास्तव में शुरू करने के लिए मैं आपको दिखाता हूँ अगर हम 50 प्रतिशत करना क्या होता है अतिरंजित कर चलो।

175
00:14:10,490 --> 00:14:13,850
हम हलकों मिलता है और आप वास्तव में हलकों का उपयोग करना पसंद हो सकता है।

176
00:14:13,850 --> 00:14:22,780
मैं उन का उपयोग करने पर विचार कर रहा था, लेकिन अंत में मैं इन गोल कोने वर्गों को प्राथमिकता दी और संख्या है कि मैं का इस्तेमाल 15 प्रतिशत है।

177
00:14:23,510 --> 00:14:25,590
और हम बस की जाँच करें और उन लोगों की तुलना दोगुना कर देंगे।

178
00:14:25,850 --> 00:14:27,060
ठीक है तो लगता है कि अच्छा लग रहा है।

179
00:14:27,080 --> 00:14:33,770
पंद्रह प्रतिशत है, लेकिन अगर तुम चाहते थे मैं तुम्हें दिखाता हूँ अगर हम 5 प्रतिशत और ताज़ा ऐसा कुछ किया क्या होता है।

180
00:14:34,010 --> 00:14:36,160
हम बहुत थोड़ा गोल कोनों मिलता है।

181
00:14:36,290 --> 00:14:47,810
तो मैं अपने 15 ताज़ा करने के लिए वापस जाना होगा और अब हम अपने अच्छा गोल कोनों है, लेकिन हम भी एनीमेशन प्रभाव हो रही पर काम करने के लिए है क्योंकि जब मैं इनमें से किसी एक पर क्लिक करें की जरूरत है।

182
00:14:47,810 --> 00:14:54,740
सूचना कैसे जब रंग बदलता है इसे बाहर fades बस की तरह मंडराना प्रभाव में और बाहर फीका।

183
00:14:54,740 --> 00:14:59,920
लक्ष्य को हासिल करने के लिए है कि हम भी संक्रमण संपत्ति उपयोग करें, लेकिन एक से थोड़ा अलग तरीके से करने की जरूरत है।

184
00:14:59,990 --> 00:15:07,170
तो मैं वर्ग के लिए जाने के लिए जा रहा हूँ और केवल एक चीज है कि हम संक्रमण चाहते पृष्ठभूमि रंग या सिर्फ पृष्ठभूमि है।

185
00:15:07,220 --> 00:15:12,470
और फिर 2.0 सेकंड की तरह एक लंबे समय से करते हैं और लगता है कि कैसे लग रहा है देखते हैं।

186
00:15:12,500 --> 00:15:16,160
इसलिए मुझे लगता है ताज़ा करता हूँ और मैं इनमें से किसी एक पर क्लिक करेंगे।

187
00:15:16,250 --> 00:15:19,710
तुम इसे बाहर फीका करने के लिए पूरे दो सेकंड लेता देख सकते हैं।

188
00:15:19,940 --> 00:15:21,940
इसलिए हम चाहते हैं कि लंबे समय तक के लिए कुछ नहीं करना चाहती।

189
00:15:22,120 --> 00:15:26,290
शायद शून्य बिंदु छह शायद लिए जाते हैं।

190
00:15:26,750 --> 00:15:27,970
का है कि कोशिश करते हैं।

191
00:15:28,420 --> 00:15:28,850
ठीक।

192
00:15:28,850 --> 00:15:31,610
यही कारण है कि उचित लगता है।

193
00:15:32,500 --> 00:15:36,680
तो आप देख सकते हैं जब कि पृष्ठभूमि में परिवर्तन यह 0.6 सेकंड लेता है।

194
00:15:36,670 --> 00:15:46,710
क्या हालांकि अलग है कि जब अन्य गुणों को बदलने यह उन्हें हमारे बटन, जहां हम ने कहा कि जब किसी भी संपत्ति को बदलता है यह बात तीन सेकंड के लिए ले जाना चाहिए जैसे चेतन नहीं करता है।

195
00:15:46,900 --> 00:15:49,790
हम केवल पृष्ठभूमि लक्षित कर रहे हैं और कहा कि बदलता है।

196
00:15:49,810 --> 00:15:52,450
यह 0.6 सेकंड लेना चाहिए।

197
00:15:52,490 --> 00:16:02,140
एक छोटी सी बात है कि हम के बारे में पता करना चाहते हैं कि संक्रमण संपत्ति सभी ब्राउज़रों में रास्ता है कि हम अभी यह लिखा है ब्राउज़र के रूप में संभव के रूप में दोस्ताना होना करने के लिए काम नहीं करेगा।

198
00:16:02,140 --> 00:16:10,650
हम वास्तव में दो और गुण है जो हम कार्यक्षमता में कोई अंतर नहीं देखा होगा, लेकिन वहाँ ब्राउज़र समर्थन के लिए बस में जोड़ने की जरूरत है।

199
00:16:10,660 --> 00:16:20,250
तो पहले एक वेब किट Dasch संक्रमण है और हम सिर्फ सिर्फ इतना है कि यहाँ की तरह ही सटीक मूल्य जोड़ देंगे।

200
00:16:20,360 --> 00:16:26,550
और फिर हम एक दूसरे से जो है यह होना चाहिए एक पानी का छींटा Moz एम Ozy की जरूरत है।

201
00:16:26,600 --> 00:16:30,070
तो ये वास्तव ब्राउज़र उपसर्गों हैं।

202
00:16:30,230 --> 00:16:36,020
तो वेब किट वेब किट जो एक एक इंजन है कि ब्राउज़रों सफारी की तरह इस्तेमाल होता है के लिए है।

203
00:16:36,200 --> 00:16:41,700
और फिर हम Moz और Mozy जो संक्षिप्त रूप है जो है, जो फ़ायरफ़ॉक्स पर बनाया गया है Zilah है।

204
00:16:42,050 --> 00:16:48,650
इसलिए इन क्योंकि संक्रमण संपत्ति हर एक ब्राउज़र में अभी तक नहीं बनाया गया है कुछ और समर्थन जोड़ने के लिए बस रहे हैं।

205
00:16:48,640 --> 00:16:49,790
इसलिए हम ताज़ा करें।

206
00:16:50,060 --> 00:16:51,850
कुछ अलग लग जाना चाहिए।

207
00:16:51,860 --> 00:17:08,660
हमारे खेल अभी भी उसी तरह काम करता है और हम अभी भी एक ही एनीमेशन मिलता है और हम यहाँ नीचे है जब हम सब transitioned है एक ही बात कर सिर्फ इस नकली और बदल कि MOOC संक्रमण के लिए संक्रमणकालीन और संक्रमण सभी 0.3 सेकंड होना चाहिए।

208
00:17:08,650 --> 00:17:15,630
एक आखिरी बात यह है कि हम यहाँ ठीक कर सकते हैं और हमारे धारी ग्रिड की शुरुआत के बीच में अंतर रखने के सा है।

209
00:17:15,800 --> 00:17:18,950
तो आप हम यहाँ कुछ और रिक्ति हम यहाँ नहीं है कि देख सकते हैं।

210
00:17:19,150 --> 00:17:25,740
और अभी अगर हम निरीक्षण हम एक तत्व हमारे ग्रिड के आसपास है कि लोगों की है।

211
00:17:26,140 --> 00:17:34,320
हम अपने चौकों है और हम एक div आईडी कंटेनर है और कहा कि कंटेनर div सभी 6 चौकों के आसपास चला जाता है।

212
00:17:34,390 --> 00:17:41,950
तो हम उस का उपयोग कर सकते है और अभी कुछ रिक्ति हम सिर्फ ऊपर और नीचे करने के लिए एक मार्जिन जोड़ देंगे कि कंटेनर div में जोड़ें।

213
00:17:42,110 --> 00:17:44,540
इसलिए मुझे लगता है कि हम यह पहले से ही एक छोटा सा स्टाइल है।

214
00:17:44,540 --> 00:17:45,550
ये रहा।

215
00:17:45,590 --> 00:17:47,510
तो हमने कहा मार्जिन शून्य है।

216
00:17:47,650 --> 00:17:57,020
और ऑटो क्या हम बजाय करूँगा का कहना है कि मार्जिन बाएँ और दाएँ जो इसे कैसे केंद्रित है पर ऊपर और नीचे और ऑटो पर 20 पिक्सल है।

217
00:17:57,050 --> 00:18:01,820
इसलिए हम शीर्ष ताज़ा पर छोड़ दिया और सही, लेकिन 20 पिक्सल पर है कि ऑटो होना चाहते हैं।

218
00:18:02,330 --> 00:18:03,590
हम अपने रिक्ति है।

219
00:18:04,120 --> 00:18:05,940
ठीक है तो हम अब के लिए स्टाइल के साथ कर रहे हैं।