DevTools सलाह: सीएसएस ऐनिमेशन की जांच करने और उनमें बदलाव करने का तरीका
bookmark_borderbookmark
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
Sofia Emelianova
Chrome DevTools का ऐनिमेशन टैब एक बेहतरीन टूल है. इसकी मदद से, सीएसएस ऐनिमेशन की गति को धीमा किया जा सकता है, उसे फिर से चलाया जा सकता है, और उसकी टाइमिंग में बदलाव किया जा सकता है. साथ ही, तुरंत नतीजे भी देखे जा सकते हैं.
ऐनिमेशन टैब खुला होने पर, ऐनिमेशन अपने-आप रिकॉर्ड हो जाते हैं. साथ ही, उन्हें आसानी से ग्रुप किया जा सकता है. साथ ही, इनकी मदद से ये काम किए जा सकते हैं:
ऐनिमेशन की बेहतर तरीके से जांच करने के लिए, उन्हें फिर से चलाएं और धीमा करें.
अनुमान लगाने और सीएसएस वैल्यू को मैन्युअल तरीके से सेट करने के बजाय, टाइमलाइन में पॉइंट को खींचकर, अवधि, समय, और देरी में बदलाव करें.
इसके अलावा, एलिमेंट > स्टाइल पैनल में, ईज़िंग एडिटर की मदद से, ईज़िंग के समय में बदलाव किया जा सकता है. साथ ही, कस्टम cubic-bezier कर्व वैल्यू सेट की जा सकती हैं. ज़्यादा जानने के लिए, Easing Editor की मदद से, ऐनिमेशन और ट्रांज़िशन के समय में बदलाव करना लेख पढ़ें.
[[["समझने में आसान है","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"]],["आखिरी बार 2022-08-11 (UTC) को अपडेट किया गया."],[],[]]