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

CSS column-count প্রোপার্টি অ্যানিমেট করা

CSS-এ column-count প্রোপার্টিতে অ্যানিমেশন প্রয়োগ করতে নিচের কোডটি চালান।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 400px;             height: 300px;             background: white;             border: 10px solid red;             animation: myanim 3s infinite;             bottom: 30px;             position: absolute;          }          @keyframes myanim {             20% {                bottom: 100px;                box-shadow: 30px 45px 70px orange;                column-count: 4;             }          }       </style>    </head>    <body>       <h2>column-count প্রোপার্টিতে অ্যানিমেশন</h2>       <div>এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!          এটি ডেমো টেক্সট!       </div>    </body> </html>
  1. CSS word-spacing প্রপার্টি অ্যানিমেট করুন

  2. CSS অ্যানিমেশন দিয়ে vertical-align প্রপার্টি অ্যানিমেট করুন

  3. CSS text-justify প্রপার্টি ব্যবহার

  4. CSS right প্রপার্টি ব্যবহার