কম্পিউটার টিউটোরিয়াল

CSS Animation শর্টহ্যান্ড প্রোপার্টি

সকল অ্যানিমেশন প্রোপার্টি একসাথে সেট করার শর্টহ্যান্ড প্রোপার্টি হল animation। এটি অ্যানিমেশন ডিউরেশন, নাম ইত্যাদি সেট করে।

Animation শর্টহ্যান্ড প্রোপার্টি নিয়ে কাজ শিখতে নিচের কোডটি রান করুন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 150px;             height: 200px;             background-color: yellow;             animation: myanim 2s          }          @keyframes myanim {             from {                background-color: green;             }             to {                background-color: blue;             }          }       </style>    </head>    <body>       <div></div>    </body> </html>

  1. CSS top প্রপার্টি অ্যানিমেশন সহ

  2. CSS perspective-origin প্রপার্টিতে অ্যানিমেশন করুন

  3. CSS perspective প্রপার্টিতে অ্যানিমেশন করুন

  4. CSS padding-top প্রপার্টিতে অ্যানিমেশন করুন