CSS का उपयोग करके div को skew x-axis के साथ घुमाएं

CSS का उपयोग करके div को skew x-axis के साथ घुमाने के लिए निम्नलिखित कोड आज़माएं:

उदाहरण

<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);             /* मानक सिंटैक्स */             transform: skewX(20deg);          }       </style>    </head>    <body>       <div>          Qries.com       </div>       <div id = "skewDiv">          Qries.com       </div>    </body> </html>