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

রিভার্স ডিরেকশনে অ্যানিমেশন চালানোর CSS প্রোপার্টি

রিভার্স ডিরেকশনে অ্যানিমেশন চালাতে animation-direction প্রোপার্টি ব্যবহার করুন। এটি reverse মান দিয়ে অর্জন করা যায়।

উদাহরণ

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

  1. CSS border-bottom প্রপার্টি অ্যানিমেট করুন

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

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

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