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

CSS ব্যবহার করে কোণ অনুযায়ী এলিমেন্ট রোটেট করা


কোণ অনুযায়ী এলিমেন্ট রোটেট করার পদ্ধতি শিখি:

উদাহরণ

<html>
  <head>
    <style>
      div {
        width: 300px;
        height: 100px;
        background-color: pink;
        border: 1px solid black;
      }
      div#myDiv {
        /* IE 9 */
        -ms-transform: rotate(20deg);
        /* Safari */
        -webkit-transform: rotate(20deg);
        /* Standard syntax */
        transform: rotate(20deg);
      }
    </style>
  </head>
  <body>
    <div>
      Tutorials point.com.
    </div>
    <div id="myDiv">
      Tutorials point.com
    </div>
  </body>
</html>

আউটপুট

CSS ব্যবহার করে কোণ অনুযায়ী এলিমেন্ট রোটেট করা


  1. CSS দিয়ে এলিমেন্টের দৃশ্যমানতা নিয়ন্ত্রণ

  2. CSS position প্রপার্টি ব্যবহার করে এলিমেন্ট অ্যালাইনমেন্ট

  3. CSS color প্রপার্টি দিয়ে এলিমেন্টের টেক্সট রঙ পরিবর্তন

  4. CSS দিয়ে DIV-কে উইন্ডো হাইটের ১০০% করা