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

CSS-এ -20 ডিগ্রি কোণে ডিভ রোটেট করা


CSS-এ -20 ডিগ্রি কোণে ডিভ রোটেট করতে নিচের কোডটি চালান:

উদাহরণ

  <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-এ -20 ডিগ্রি কোণে ডিভ রোটেট করা

  1. CSS দিয়ে মেনু আইকন (Hamburger Menu) তৈরি করা

  2. ফ্লেক্সবক্স দিয়ে অ্যাডভান্সড CSS লেআউট

  3. CSS দিয়ে ইউজার রেটিং স্কোরকার্ড তৈরি করার পদ্ধতি

  4. শুধু CSS ব্যবহার করে স্মুথ স্ক্রোলিং বাস্তবায়ন করা