অলস মানুষের জন্য CSS অ্যানিমেশন জেনারেটর।
CSS অ্যানিমেশন
CSS জাভাস্ক্রিপ্ট বা ফ্ল্যাশ ব্যবহার না করেই এইচটিএমএল উপাদানগুলির অ্যানিমেশনের অনুমতি দেয়
এই অধ্যায়ে আপনি নিম্নলিখিত বৈশিষ্ট্য সম্পর্কে শিখবেন:
- @কীফ্রেম
- অ্যানিমেশন-নাম
- অ্যানিমেশন-সময়কাল
- অ্যানিমেশন-বিলম্ব
- অ্যানিমেশন-পুনরাবৃত্তি-গণনা
- অ্যানিমেশন-নির্দেশ
- অ্যানিমেশন-টাইমিং-ফাংশন
- অ্যানিমেশন-ফিল-মোড
- অ্যানিমেশন
ব্রাউজার নির্দিষ্ট উপসর্গ
কিছু পুরানো ব্রাউজারে অ্যানিমেশন বৈশিষ্ট্য বোঝার জন্য নির্দিষ্ট উপসর্গ (-webkit-) প্রয়োজন
CSS অ্যানিমেশন কি?
একটি অ্যানিমেশন একটি উপাদানকে ধীরে ধীরে এক শৈলী থেকে অন্য শৈলীতে পরিবর্তন করতে দেয়।
আপনি যতবার চান ততবার CSS বৈশিষ্ট্য পরিবর্তন করতে পারেন।
CSS অ্যানিমেশন ব্যবহার করতে, আপনাকে প্রথমে অ্যানিমেশনের জন্য কিছু কীফ্রেম নির্দিষ্ট করতে হবে।
কীফ্রেমগুলি নির্দিষ্ট সময়ে উপাদানটির স্টাইলগুলি ধরে রাখে।
@কীফ্রেম নিয়ম
আপনি যখন @keyframes নিয়মের মধ্যে CSS শৈলী নির্দিষ্ট করেন, তখন অ্যানিমেশনটি ধীরে ধীরে নির্দিষ্ট সময়ে বর্তমান শৈলী থেকে নতুন শৈলীতে পরিবর্তিত হবে।
