DevTools টিপস: কিভাবে CSS অ্যানিমেশনগুলি পরিদর্শন এবং পরিবর্তন করতে হয়

সোফিয়া ইমেলিয়ানোভা
Sofia Emelianova

Chrome DevTools অ্যানিমেশন ট্যাব হল একটি শক্তিশালী টুল যা আপনাকে ধীরগতিতে, রিপ্লে করতে, CSS অ্যানিমেশনের সময় সামঞ্জস্য করতে এবং সরাসরি ফলাফল দেখতে সাহায্য করে৷

অ্যানিমেশন ট্যাব, খোলা থাকাকালীন, অ্যানিমেশনগুলি স্বয়ংক্রিয়ভাবে রেকর্ড করে, সুবিধামত সেগুলিকে গোষ্ঠীবদ্ধ করে এবং আপনাকে অনুমতি দেয়:

  • অ্যানিমেশনগুলিকে আরও ভালভাবে পরিদর্শন করতে পুনরায় চালান এবং ধীর করে দিন৷
  • ম্যানুয়ালি সিএসএস মান অনুমান এবং সেট করার পরিবর্তে একটি টাইমলাইনে পয়েন্ট টেনে সময়কাল, সময় এবং বিলম্ব সামঞ্জস্য করুন।

অতিরিক্তভাবে, আপনি ইজিং টাইমিং এডিট করতে পারেন এবং এলিমেন্টস > স্টাইল প্যানে ইজিং এডিটরের সাথে কাস্টম cubic-bezier কার্ভ মান সেট করতে পারেন। আরও জানতে, ইজিং এডিটরের সাথে অ্যানিমেশন এবং ট্রানজিশন টাইমিং সম্পাদনা করুন দেখুন।

আরও হাতে-কলমে শেখার অভিজ্ঞতার জন্য, CSS অ্যানিমেশন প্রভাব নির্দেশিকা পরিদর্শন এবং সংশোধন করুন