কম্পিউটার

CSS ব্যবহার করে x অক্ষ সহ স্কু ট্রান্সফর্মের সংজ্ঞা দিন


আপনি CSS -

ব্যবহার করে x-অক্ষের সাথে স্কু ট্রান্সফর্ম বাস্তবায়ন করতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন

উদাহরণ

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

আউটপুট

CSS ব্যবহার করে x অক্ষ সহ স্কু ট্রান্সফর্মের সংজ্ঞা দিন


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

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

  3. CSS3 ব্যবহার করে ক্রস অক্ষ বরাবর ফ্লেক্স আইটেমগুলি সারিবদ্ধ করুন

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