3D साई-फ़ाई टेक्स्ट को हल करने के तरीकों पर विचार करना
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
आज के जीयूआई चैलेंज में @AdamArgyleInk, क्लासिक साइंस फ़िक्शन फ़िल्म के 3D टेक्स्ट इफ़ेक्ट में #CSS स्पिन का इस्तेमाल करता है. इसके लिए, उसे स्क्रोल करने के लिए इंटरैक्टिव बनाया जाता है. नए Scroll एनीमेशन 1 निर्देश के अनुसार सीएसएस स्क्रोल से लिंक किए गए ऐनिमेशन की मदद से, स्क्रीन पर देखें कि वह कुछ टेक्स्ट स्क्रोल करता है और उसे गैलेक्सी के किनारों या व्यूपोर्ट में गायब कर देता है.
चैप्टर:
- 0:00 - परिचय
- 0:29 - परिचय
- 1:00 बजे - स्टोरी का समय
- 2:20 - स्क्रोल करके चलने वाला ऐनिमेशन
- 3:21 - एचटीएमएल
- 4:00 - सीएसएस
- 8:58 - डीबग करना
- 10:52 - आउट्रो
संसाधन:
GUI से जुड़ी और चुनौतियां देखें → https://goo.gle/GUIchallenges
Google Chrome Developers की सदस्यता लें → https://goo.gle/ChromeDevs
arrow_back सभी एपिसोड पर वापस जाएं
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 2023-04-12 (UTC) को अपडेट किया गया.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2023-04-12 (UTC) को अपडेट किया गया."],[],[]]