1
00:00:00,210 --> 00:00:03,460
अगली बात यह है कि हम निपटने हूँ शरीर पर पृष्ठभूमि है।

2
00:00:03,660 --> 00:00:09,270
और यह वास्तव में एक पृष्ठभूमि छवि है, तो हम एक है कि यह है कि काम ठीक होगा की तरह देखा पाया हालांकि नहीं है।

3
00:00:09,420 --> 00:00:13,590
लेकिन लेकिन यह वास्तव में एक ढाल है कि CSX मेरे लिए जोड़ने है।

4
00:00:13,650 --> 00:00:27,470
तो संक्षेप में हम रैखिक ढ़ाल के बारे में कुछ और नहीं बल्कि उन्हें खरोंच से अपने दम पर लिखने की तुलना में मैं आपको कुछ अच्छा पूर्व से किया रंग ढ़ाल है कि एक महान संसाधन है कि हम उस के साथ काम कर सकते हैं हम अद्यतन कर सकते हैं और संपादित पर दिखाने के लिए जा रहा हूँ हमारे खुद।

5
00:00:27,750 --> 00:00:29,850
इसलिए यह कहा जाता है ढ़ाल डॉट कॉम।

6
00:00:30,030 --> 00:00:35,580
और फिर यह अलग ढ़ाल हम तीर कुंजी का उपयोग कर सकते हैं उनमें से कुछ को देखने के लिए का एक गुच्छा है।

7
00:00:36,180 --> 00:00:39,860
तो मैं बस जब तक मैं एक है कि मैं पसंद पाया माध्यम से चला गया।

8
00:00:40,050 --> 00:00:52,120
तो हम कहते हैं कि मैं का उपयोग करने के लिए यह सब है कि हम क्या करने की जरूरत है पाने CSSA कोड पर क्लिक करें या कुंजी दर्ज करें मारा और फिर एक क्लिपबोर्ड करने के लिए इस कोड को कॉपी और फिर हम शरीर का चयन करेंगे चाहता था।

9
00:00:52,360 --> 00:00:56,960
तो शरीर और उस में पेस्ट करें।

10
00:00:57,540 --> 00:01:02,610
तो यह वास्तव में सिर्फ एक लाइन है, लेकिन वहाँ सभी विभिन्न ब्राउज़र उपसर्गों हैं।

11
00:01:02,880 --> 00:01:09,130
तो ओपेरा इन सभी विभिन्न उपसर्गों के लिए क्रोम के लिए Firefox के लिए इंटरनेट एक्सप्लोरर के लिए।

12
00:01:09,240 --> 00:01:09,990
लेकिन यह क्या करता है।

13
00:01:10,020 --> 00:01:18,740
हम रैखिक ढाल करने के लिए पृष्ठभूमि स्थापित कर रहे हैं और हम दो रंग और उन रंगों के विभिन्न प्रतिशत और भी कोण उठा रहे हैं।

14
00:01:18,750 --> 00:01:24,390
तो मुझे तुम्हें दिखाने के लिए क्या यह की तरह अब अगर हम हमारा ताज़ा लग रहा है।

15
00:01:24,390 --> 00:01:26,190
हम यह अच्छा ढाल है।

16
00:01:26,580 --> 00:01:28,420
इसलिए हम वहाँ के आसपास खेल रख सकते हैं।

17
00:01:28,620 --> 00:01:31,890
आप कुछ और अधिक की जाँच करें और अपने स्वयं के उपयोग के लिए स्वतंत्र महसूस कर सकते हैं।

18
00:01:31,980 --> 00:01:35,860
एक कि मैं पर फैसला यहीं बोरा-बोरा कहा जाता है।

19
00:01:36,210 --> 00:01:42,840
इसलिए हम सिर्फ इतना है कि प्रतिलिपि क्लिपबोर्ड और इस कोड को बदलने के लिए कॉपी हूँ।

20
00:01:42,840 --> 00:01:52,870
यहाँ यह है कि नई ढाल जो फिर से सिर्फ एक रेखीय ढाल है कि किसी और दो रंगों से प्रत्येक की अलग प्रतिशत लिखा के साथ सब के सब।

21
00:01:53,150 --> 00:01:54,450
और हम बचा लेंगे।

22
00:01:54,780 --> 00:01:56,250
और अब यह जाँच से बाहर जाना।

23
00:01:56,520 --> 00:01:57,830
और वहाँ हम चले।

24
00:01:57,840 --> 00:01:59,190
इसलिए हम करीब हो रही है।

25
00:01:59,430 --> 00:02:02,860
अगले बड़ी बात यह है कि हम पर काम करने की जरूरत प्रतीक हैं।

26
00:02:03,060 --> 00:02:05,530
इसलिए हम एक से अधिक चिह्न प्रकट की है।

27
00:02:05,640 --> 00:02:10,130
और क्या करता है यह पता चलता है और फार्म को छुपाता है और फिर हम कचरा कर सकते है।

28
00:02:10,130 --> 00:02:16,100
मैं देख सकता हूँ कि हम भी शामिल करने के लिए उन माउस एक पुस्तकालय फ़ॉन्ट कहा जाता है का हिस्सा हैं की जरूरत है।

29
00:02:16,110 --> 00:02:16,780
बहुत बढ़िया।

30
00:02:17,050 --> 00:02:22,650
इतना भयानक फ़ॉन्ट के लिए जाने के लिए और सिर्फ वेब साइट के लिए गूगल Fonte भयानक है।

31
00:02:22,660 --> 00:02:24,030
मैं उसे मैं मिलता है

32
00:02:24,930 --> 00:02:29,660
और यह सब यह है कि माउस की एक गुच्छा का एक संग्रह है।

33
00:02:29,970 --> 00:02:39,720
तो मुझे तुम्हें दिखाने अगर हम वहाँ सभी विभिन्न प्रतीक हम उपयोग कर सकते हैं ताकि आप वहाँ देख सकते हैं की एक विशाल सूची के प्रतीक के नीचे देखो।

34
00:02:40,380 --> 00:02:52,740
इसलिए हम तो हम या तो सही वहाँ इसे डाउनलोड करने और डाउनलोड पर क्लिक करने के लिए जा सकते हैं या हम भी एक फ़ॉन्ट कर सकता है हमारे आवेदन के अंदर इस पुस्तकालय को शामिल करने की जरूरत है।

35
00:02:52,740 --> 00:02:57,370
बहुत बढ़िया CDN और बस के रूप में अच्छी तरह से इन समन्वय से एक का उपयोग करें।

36
00:02:57,450 --> 00:02:58,710
या तो एक काम करेंगे।

37
00:02:59,100 --> 00:03:06,800
विविधता खातिर तो जब से वे पहले से ही जे क्वेरी डाउनलोड मैं सीडी यहाँ का उपयोग करेगा और उस कड़ी को कॉपी।

38
00:03:07,470 --> 00:03:30,940
तब मैं अपने सूचकांक पृष्ठ टीमो में जाना होगा और मैं क्योंकि यह CSSA फाइल है एक लिंक टैग को जोड़ने के लिए तो यह वास्तव में एक जावास्क्रिप्ट फ़ाइल या एक फ़ॉन्ट नहीं है जरूरत है, लेकिन यह एक सी एस एस फ़ाइल है और मैं बचा हूँ और क्या करता है कि यह है वास्तव में मुझे वर्गों है कि पूर्व निर्मित और पूर्व बनाया है कि मैं तो तत्वों को जोड़ सकते हैं तो मैं आपको कुछ उदाहरण दिखाता हूँ रहे हैं की एक गुच्छा देता है।

39
00:03:31,230 --> 00:03:51,350
आप बैटरी खाली या बैटरी का कहना है कि उपयोग करना चाहता था तो threequarters हम सभी को पता है की जरूरत है कि क्लास एफ एक पानी का छींटा बैटरी डैश 3 पानी का छींटा courters कहा जाता है तो हम जोड़ने के लिए एक बस हमारे आवेदन में यहीं कहीं कोड की नकल की जरूरत है।

40
00:03:51,510 --> 00:03:53,400
चलो यह एच-1 में डाल दिया।

41
00:03:53,400 --> 00:03:59,060
यह एक आंख टैग जो आइकन के लिए खड़ा है और हम इसे एक वर्ग दे और हम यहाँ में कुछ भी डाल करने के लिए नहीं है।

42
00:03:59,070 --> 00:04:02,560
हम उस खाली छोड़ने के लिए और इस भयानक Rifan खड़ा है।

43
00:04:02,700 --> 00:04:13,500
और फिर इस चिह्न का नाम है और ताज़ा बचत होगी और हम अब तीन चौथाई बैटरी आइकन है कि बैटरी आइकन के बजाय लोगों की है।

44
00:04:13,500 --> 00:04:28,070
हम प्लस पर हस्ताक्षर करना चाहते हैं और कचरा तो हम यहाँ पर जायेंगे और एच -1 अंदर आइकन रखेंगे और च एक वर्ग रख लेकिन हम एफ.ए. पानी का छींटा के साथ साथ चाहते हैं और अपने स्वयं के चिह्न का उपयोग करने के लिए स्वतंत्र महसूस कर सकते हैं।

45
00:04:28,110 --> 00:04:49,990
आप पर जाना है तो भयानक खोजने के लिए और और अब आप एक और एक है कि आप की तरह लगता है, क्योंकि हम भी तरह एक पेंसिल रहा चिह्न या एक पेंसिल और कागज से एक का उपयोग कर सकता है और अगर मैं ताजा थे प्लस पर हस्ताक्षर जो शैली और चाल में चला गया है सही करने के लिए और हम सभी के लिए है कि क्या करने की जरूरत पहले उसका चयन करें ताकि हम कुत्ते का चयन करेंगे।

46
00:04:50,280 --> 00:05:00,950
एफ एक पानी का छींटा के साथ साथ और सही है कि बस की तरह जारी है और ताज़ा और इसे सही साइट पर अब खत्म हो चुका है।

47
00:05:00,960 --> 00:05:06,250
अब हम कचरे के डिब्बे से निपटने और हम सिर्फ अभी तक एनीमेशन के साथ सौदा करने के लिए नहीं जा रहे हैं।

48
00:05:06,300 --> 00:05:09,810
हम सिर्फ कचरा पाने के लिए कर सकते हैं एक एक्स के सब पर बजाय दिखाने के लिए जा रहे हैं

49
00:05:10,260 --> 00:05:44,520
तो चलो वापस जाने के लिए और हमारे spand पर हम वास्तव में एक्स से छुटकारा पाने के लिए जा रहे हैं और अवधि के अंदर हम एक और ई-टैग और ई-टैग एफएए के एक वर्ग के लिए किया जा रहा है और के नाम जोड़ने के लिए जा रहे हैं कचरा आइकन एफएए Dasch कचरा की नकल है कि अन्य स्पैन के लिए खत्म हो और इस का उपयोग करने के लिए जब पेज लोड मौजूदा लेकिन हम नए लोगों के लिए तीन कचरे के डिब्बे मिल के लिए ही है चलो।

50
00:05:44,730 --> 00:05:46,280
हम अभी भी पूर्व के साथ काम कर रहे हैं।

51
00:05:46,530 --> 00:05:50,310
तो फिर हम यहाँ हमारी जावास्क्रिप्ट लिए खत्म हो जाना चाहते हैं।

52
00:05:50,310 --> 00:05:54,990
और हम कलम नया एक हम नहीं X के साथ एक अवधि संलग्न करना चाहते हैं जब

53
00:05:55,290 --> 00:06:00,930
आप एक आइकन संलग्न करने के लिए करना चाहते हैं और हमें यकीन है कि हमारे उद्धरण हस्तक्षेप नहीं करते बनाने की जरूरत है।

54
00:06:00,930 --> 00:06:08,690
इसलिए हम वहाँ एक उद्धरण का उपयोग करें और अगर बचा है और अब हम एक कचरा अवधि के अंदर आइकन होनी चाहिए।

55
00:06:08,870 --> 00:06:10,830
तो चलो कुछ नए लोगों को जोड़ दें।

56
00:06:10,830 --> 00:06:11,650
हम वहाँ चलें।

57
00:06:12,030 --> 00:06:15,320
और मैं अभी भी क्लिक कर सकते हैं क्योंकि वे एक अवधि के अंदर अभी भी कर रहे हैं।

58
00:06:15,450 --> 00:06:18,680
तो यह एक अवधि के बजाय एक आइकन तत्व है।

59
00:06:19,530 --> 00:06:22,440
इसलिए मैं इस घटना अभी भी काम पर क्लिक करें।

60
00:06:22,470 --> 00:06:30,210
अब हम इस सरल एनीमेशन पर काम करते हैं और यह सब सी के साथ किया जाता है का आकलन यहाँ फैला वास्तव में छिपे हुए हैं, जब पेज लोड।

61
00:06:30,210 --> 00:06:31,630
वे शून्य का खजाना है।

62
00:06:31,860 --> 00:06:40,950
और फिर जब मैं उड़ना हम वास्तव में चौड़ाई 40 पिक्सल के लिए बढ़ रहे हैं और फिर हम यह संक्रमण संपत्ति का उपयोग कर एनिमेटेड बना रहे हैं।

63
00:06:41,430 --> 00:06:44,070
तो चलो इस बात का कुछ प्रयास चलते हैं।

64
00:06:44,400 --> 00:07:06,270
हमारे CSSA फ़ाइल को खोलने और पहली बात तो हम क्या करेंगे शैली इतनी अवधि spans है और हम उन्हें एक पृष्ठभूमि रंग लाल रंग जो ई 7 4 सी 3 सी है और ताज़ा होगी कि देने के लिए जा रहे हैं।

65
00:07:06,460 --> 00:07:10,820
और अब हम यह चारों ओर है कि लाल रंग की पृष्ठभूमि है।

66
00:07:10,830 --> 00:07:22,680
अगली बात हम क्या करेंगे उन्हें 40 पिक्सल है जो बहुत अभी तक ऐसा प्रतीत नहीं होता है, लेकिन एक बार हम कुछ और गुण में जोड़ने के लिए आप एक अंतर नोटिस हूँ की ऊंचाई दे रहा है।

67
00:07:23,250 --> 00:07:29,140
20 पिक्सल के अधिकार के लिए एक मार्जिन जोड़ सकते हैं और वापस जाओ।

68
00:07:29,200 --> 00:07:34,420
अब जब कि अमेरिकी अंतरिक्ष कि हम यहाँ चाहते थे देता है।

69
00:07:35,550 --> 00:07:45,700
अगले है उन्हें पाठ संरेखित केंद्र जो सिर्फ फैला यहाँ पर एक बहुत ही मामूली अंतर है दे।

70
00:07:45,990 --> 00:07:55,110
एक महत्वपूर्ण एक के अंदर प्रतीक चिह्न भी सफेद है तो रंग सफेद बनाने के लिए है।

71
00:07:55,110 --> 00:07:55,970
ठीक है।

72
00:07:56,220 --> 00:08:02,640
तो मैं आपको बताएंगे कि कैसे पाने के लिए उन्हें एनीमेशन के बिना पहली बार इस तरह देखने के लिए इतना है कि वे हमेशा वहाँ रहे हैं करने के लिए जा रहा हूँ।

73
00:08:02,930 --> 00:08:06,830
और फिर हम उन्हें लगता है कि वे छिपा रहे हैं जब तक हम मंडराना इसलिए चेतन करने के लिए मिल जाएगा।

74
00:08:06,870 --> 00:08:12,190
इसलिए हम करीब हो रही है, लेकिन हम इन की आवश्यकता खड़ी है और क्षैतिज अधिक स्थान लेने के लिए।

75
00:08:12,390 --> 00:08:21,990
तो मैं एक 40 पिक्सल है कि अंततः हम शून्य पर सेट करने के लिए और लाइन ब्लॉक में दो प्रदर्शन सेट करने के लिए जा रहे हैं के साथ एक में जोड़ने के लिए जा रहा हूँ।

76
00:08:22,440 --> 00:08:23,950
और मैं अब ताज़ा करें।

77
00:08:24,870 --> 00:08:26,790
और कहा कि सिर्फ सही लग रहा है।

78
00:08:26,790 --> 00:08:29,460
तो अगली बात एनीमेशन करना है।

79
00:08:29,760 --> 00:08:33,630
और जिस तरह से काम करता है कि कि हम वास्तव में शून्य होने की चौड़ाई निर्धारित करने के लिए जा रहे हैं।

80
00:08:33,780 --> 00:08:42,420
जब तक मैं एक सहयोगी पर जाएँ और फिर हम में वृद्धि है कि 40 कि काल पर साथ हो तो इन फैला के सभी एक शून्य के साथ की है।

81
00:08:42,870 --> 00:08:44,580
तो चलो कि अब करते हैं।

82
00:08:45,020 --> 00:09:02,480
मैं शून्य के साथ सेट और फिर जब हम एक सहयोगी खत्म नहीं हुआ जाएँ और सिर्फ अवधि जा रहा हूँ, लेकिन जब हम एक सहयोगी पर ले जाएं, हम अवधि एक सहयोगी है कि पर hovered जा रहा है की अंदर है कि चयन करना चाहते हैं।

83
00:09:02,790 --> 00:09:08,020
तो फिर हम स्थापित करने के साथ बस ऐसे ही 40 पिक्सल होने जा रहे हैं।

84
00:09:08,070 --> 00:09:11,310
और हम हमारे अपने संस्करण और ताज़ा करने के लिए वापस जाओ।

85
00:09:11,670 --> 00:09:13,920
आप देख सकते हैं कि फैला अब चले गए हैं।

86
00:09:14,310 --> 00:09:19,330
और जब मैं पर जाएँ और उड़ान भरने के लिए काल प्रतीत होता है और बटन काम करता है।

87
00:09:19,800 --> 00:09:27,860
तो अगली फीचर यह तो चेतन है कि यह सिर्फ तुरन्त प्रकट नहीं होता है और है कि हम सिर्फ संक्रमण संपत्ति का उपयोग करेंगे क्या करने के लिए हो रही है।

88
00:09:28,170 --> 00:09:43,680
तो काल पर हम संक्रमण शून्य बिंदु दो सेकंड जोड़ने के लिए जा रहे हैं और हम यह रेखीय जो सिर्फ सहजता जिसका मतलब है कि यह एक स्थिर गति से कदम होगा करने के लिए संदर्भित कर दूँगा।

89
00:09:43,680 --> 00:09:44,520
और वहाँ हम चले।

90
00:09:44,520 --> 00:09:46,680
हम अपने अच्छा एनीमेशन है।

91
00:09:47,250 --> 00:09:56,110
वहाँ एक छोटा सा आइटम है कि मुझे परेशान करता है यहाँ जो है कि चिह्न अभी भी पता चलता है कि जब काल शून्य पिक्सल चौड़ा है।

92
00:09:56,340 --> 00:09:59,970
तो यह देख सकते हैं लेकिन यहां आइकन को देखने के लिए वास्तव में मुश्किल है।

93
00:09:59,970 --> 00:10:03,230
यह अभी भी वहाँ भी जब मैं इस पर मँडरा नहीं कर रहा है।

94
00:10:03,240 --> 00:10:11,210
तो हम क्या करेंगे बस शून्य होने की अवधि पर अस्पष्टता सेट और फिर जब हम मंडराना एक होने के लिए यह तय है।

95
00:10:11,370 --> 00:10:17,580
तो अस्पष्टता शून्य और फिर अस्पष्टता 1.0 जब हम होवर करें।

96
00:10:18,420 --> 00:10:19,840
और यह बात का ध्यान रखना चाहिए।

97
00:10:19,860 --> 00:10:22,370
तो अब हम माउस को नहीं देख सकता।

98
00:10:22,500 --> 00:10:29,790
वहाँ यह है और फिर यह गायब हो जाता है और यह रूप में अच्छी तरह से बाहर fades क्योंकि संक्रमण संपत्ति सब कुछ प्रभावित हो रहा है।

99
00:10:30,120 --> 00:10:34,740
तो चलो यह 2.2 सेकंड बनाना है और मैं तुम्हें दिखाता हूँ।

100
00:10:35,640 --> 00:10:40,810
सूचना है कि यह कैसे में fades और फिर बाहर fades।

101
00:10:40,890 --> 00:10:42,560
तो यह है कि एक बहुत ही धीमी संस्करण है।

102
00:10:43,200 --> 00:10:46,830
और हम सिर्फ 0.2 करूँगा।

103
00:10:47,070 --> 00:10:59,530
एक छोटा सा कष्टप्रद बात हम जो है अगर तुम सच में बारीकी से यहाँ देखो या आकार बढ़ाने के इनपुट और फिर इस सूची उल बीच एक छोटा सा अंतर है छोड़ दिया है कि वहाँ है।

104
00:11:00,060 --> 00:11:03,810
लेकिन अंतर दूर हो जाता है जब मैं अब वहाँ ध्यान केंद्रित फ्लश।

105
00:11:04,200 --> 00:11:07,220
और फिर जब मैं ध्यान केंद्रित नहीं कर रहा हूँ इसे वापस आता है।

106
00:11:07,500 --> 00:11:24,690
तो ठीक करने के लिए है कि हम एक छोटी सी सीमा है कि अदृश्य है वास्तव में यह एक रंग बस R.G. के एक छोटे से सीमा किया जा रहा है जोड़ने के लिए जा रहे हैं 0 0 0 0 0 0 हो जो हम सिर्फ हमारे सीमा के रूप में जब हम ध्यान केंद्रित कर रहे हैं करता है एक ही स्थान ले लेंगे।

107
00:11:25,080 --> 00:11:34,560
इसलिए हम वापस जाने के लिए और इनपुट हम यहाँ है और यह तीन पिक्सेल ठोस आर-गा की एक सीमा दे जिस पसंद करेंगे।

108
00:11:35,150 --> 00:11:38,640
शून्य शून्य शून्य शून्य।

109
00:11:39,210 --> 00:11:41,770
तो यह है कि हमें एक अदृश्य सीमा देने को खत्म हो जाएगा।

110
00:11:41,880 --> 00:11:47,420
लेकिन नोटिस यहाँ मैं अभी ताज़ा हूँ कि छोटे से अंतराल दूर हो जाता है।