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

CSS @keyframes অ্যানিমেশনের নাম সেট করুন


@keyframes অ্যানিমেশনের নাম সেট করতে animation-name প্রপার্টি ব্যবহার করুন। অ্যানিমেশনের নাম সেট করতে নিচের কোডটি চালাতে পারেন:

উদাহরণ

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

  1. CSS দিয়ে বটম বর্ডারের স্টাইল সেট করুন

  2. CSS দিয়ে চারটি বর্ডারের কালার সেট করুন

  3. CSS-এ background-color প্রোপার্টি অ্যানিমেট করা

  4. CSS-এ গ্রিড আইটেমের নাম সেট করুন