आज के जीयूआई चैलेंज में @AdamArgyleInk, क्लासिक साइंस फ़िक्शन फ़िल्म के 3D टेक्स्ट इफ़ेक्ट में #CSS स्पिन का इस्तेमाल करता है. इसके लिए, उसे स्क्रोल करने के लिए इंटरैक्टिव बनाया जाता है. नए Scroll एनीमेशन 1 निर्देश के अनुसार सीएसएस स्क्रोल से लिंक किए गए ऐनिमेशन की मदद से, स्क्रीन पर देखें कि वह कुछ टेक्स्ट स्क्रोल करता है और उसे गैलेक्सी के किनारों या व्यूपोर्ट में गायब कर देता है.
चैप्टर:
- 0:00 - परिचय
- 0:29 - परिचय
- 1:00 बजे - स्टोरी का समय
- 2:20 - स्क्रोल करके चलने वाला ऐनिमेशन
- 3:21 - एचटीएमएल
- 4:00 - सीएसएस
- 8:58 - डीबग करना
- 10:52 - आउट्रो
संसाधन:
- डेमो आज़माएं → https://goo.gle/410acMc
- सोर्स की जानकारी पाएं → https://goo.gle/408Nkc1
- इससे जुड़ी खास जानकारी देखें → https://goo.gle/3pvWX49
GUI से जुड़ी और चुनौतियां देखें → https://goo.gle/GUIchallenges
Google Chrome Developers की सदस्यता लें → https://goo.gle/ChromeDevs