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

CSS animation-fill-mode প্রোপার্টি


অ্যানিমেশন প্লে না করলে এলিমেন্টের স্টাইল সেট করতে animation-fill-mode প্রোপার্টি ব্যবহার করুন।

নিচের কোড রান করে animation-fill-mode property ইমপ্লিমেন্ট করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       div {         width: 150px;         height: 200px;         position: relative;         background: red;         animation-name: myanim;         animation-duration: 2s;         animation-fill-mode: backwards;       }       @keyframes myanim {         from {left: 0px; background-color: green;}         to {left: 200px; background-color: blue;}       }     </style>   </head>   <body>     <div></div>   </body> </html>

  1. CSS font-size-adjust প্রপার্টি

  2. CSS white-space প্রপার্টি

  3. CSS-এ writing-mode প্রপার্টি

  4. CSS pointer-events প্রপার্টি