কম্পিউটার

CSS ব্যবহার করে ম্যাট্রিক্স ট্রান্সফর্ম সহ div ঘোরান


আপনি CSS ব্যবহার করে ম্যাট্রিক্স ট্রান্সফর্মের সাথে div ঘোরানোর জন্য নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন:

উদাহরণ

<html>
   <head>
      <style>
         div {
            width: 300px;
            height: 100px;
            background-color: pink;
            border: 1px solid black;
         }
         div#myDiv1 {
            /* IE 9 */
            -ms-transform: matrix(1, -0.3, 0, 1, 0, 0);
            /* Safari */
            -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0);
            /* Standard syntax */
            transform: matrix(1, -0.3, 0, 1, 0, 0);
         }
      </style>
   </head>
   <body>
      <div>
         Welcome to my website.
      </div>
      <div id = "myDiv1">
         Welcome to my website.
      </div>
   </body>
</html>

আউটপুট

CSS ব্যবহার করে ম্যাট্রিক্স ট্রান্সফর্ম সহ div ঘোরান


  1. CSS ব্যবহার করে পরম পজিশনিং

  2. কিভাবে CSS দিয়ে একটি মেনু আইকন তৈরি করবেন?

  3. ফ্লেক্সবক্সের সাথে অগ্রিম CSS লেআউট

  4. বিশুদ্ধ CSS সহ মসৃণ স্ক্রলিং