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

CSS word-spacing প্রপার্টি অ্যানিমেট করুন


উদাহরণ

CSS-এ word-spacing প্রপার্টিতে অ্যানিমেশন প্রয়োগ করতে নিচের কোডটি চালান:

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        border: 2px solid blue;
        background: orange;
        animation: myanim 3s infinite;
      }
      @keyframes myanim {
        50% {
          word-spacing: 30px;
        }
      }
    </style>
  </head>
  <body>
    <h1>CSS word-spacing প্রপার্টি</h1>
    <div>
      This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text! This is demo text!
    </div>
  </body>
</html>

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

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

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

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