محرر ويب أونلاين

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <style>
div {
    display: block;
    height: 100px;
    width: 100px;
    background: dodgerblue;
    margin: 20px;
    transform: skew(-20deg, -10deg);
}
        </style>
    </head>
    <body>
        <h2>CSS skew() function</h2>
        <p>The skew() function skews the element along the X and Y axis by the given angles if you gave it two values.</p>
        <div>Transformed</div>
    </body>
</html>