DevTools सलाह: सीएसएस ऐनिमेशन की जांच करने और उनमें बदलाव करने का तरीका

Sofia Emelianova
Sofia Emelianova

Chrome DevTools ऐनिमेशन टैब एक बेहतरीन टूल है. इसकी मदद से, स्क्रीन को धीमा किया जा सकता है, फिर से चलाया जा सकता है, और सीएसएस के ऐनिमेशन का समय बदला जा सकता है. साथ ही, तुरंत नतीजे भी देखे जा सकते हैं.

ऐनिमेशन टैब खुला होने पर, ऐनिमेशन अपने-आप रिकॉर्ड हो जाता है, आसानी से उनका ग्रुप बनाया जा सकता है, और आपको:

  • ऐनिमेशन को बेहतर तरीके से जांचने के लिए, उन्हें फिर से चलाएं और धीमा करें.
  • सीएसएस वैल्यू का मैन्युअल तरीके से अनुमान लगाने और सेट करने के बजाय, समयावधि में पॉइंट खींचकर, कुल समय, समय, और देरी में बदलाव करें.

इसके अलावा, आपके पास एलिमेंट > स्टाइल पैनल में, ईज़िंग एडिटर की मदद से, ईज़िंग के समय में बदलाव करने और पसंद के मुताबिक cubic-bezier कर्व वैल्यू सेट करने का विकल्प है. ज़्यादा जानने के लिए, ईज़िंग एडिटर की मदद से ऐनिमेशन और ट्रांज़िशन टाइम में बदलाव करना लेख पढ़ें.

बेहतर तरीके से सीखने के लिए, सीएसएस ऐनिमेशन इफ़ेक्ट की जांच करना और उनमें बदलाव करना गाइड देखें.