Chrome DevTools का ऐनिमेशन टैब एक बेहतरीन टूल है. इसकी मदद से, सीएसएस ऐनिमेशन की गति को धीमा किया जा सकता है, उसे फिर से चलाया जा सकता है, और उसकी टाइमिंग में बदलाव किया जा सकता है. साथ ही, तुरंत नतीजे भी देखे जा सकते हैं.
ऐनिमेशन टैब खुला होने पर, ऐनिमेशन अपने-आप रिकॉर्ड हो जाते हैं. साथ ही, उन्हें आसानी से ग्रुप किया जा सकता है. साथ ही, इनकी मदद से ये काम किए जा सकते हैं:
- ऐनिमेशन की बेहतर तरीके से जांच करने के लिए, उन्हें फिर से चलाएं और धीमा करें.
- अनुमान लगाने और सीएसएस वैल्यू को मैन्युअल तरीके से सेट करने के बजाय, टाइमलाइन में पॉइंट को खींचकर, अवधि, समय, और देरी में बदलाव करें.
इसके अलावा, एलिमेंट > स्टाइल पैनल में, ईज़िंग एडिटर की मदद से, ईज़िंग के समय में बदलाव किया जा सकता है. साथ ही, कस्टम cubic-bezier
कर्व वैल्यू सेट की जा सकती हैं. ज़्यादा जानने के लिए, Easing Editor की मदद से, ऐनिमेशन और ट्रांज़िशन के समय में बदलाव करना लेख पढ़ें.
सीएसएस ऐनिमेशन इफ़ेक्ट के बारे में ज़्यादा जानने के लिए, सीएसएस ऐनिमेशन इफ़ेक्ट की जांच करना और उनमें बदलाव करना गाइड देखें.