css-skew-002-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<!-- Submitted from TestTWF Paris -->

<head>

    <title>CSS Test Reference: skew function part 2</title>

    <link rel="author" title="Adrien Pachkoff" href="mailto:adrien@pachkoff.com">

    <style type="text/css">

        div {

            top:0px;

            left:0px;

            position:absolute;

            height: 150px;

            width: 150px;

            background-color:green;

            transform-origin: 0 0;

            transform: skew(25deg, 35deg);

    </style>

</head>

<body>

    <p>The test passes if there is a green quadrilateral and no red.</p>

    <div> </div>

</body>

</html>