​x
 
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
    width: 80%; height: 60px;
    background-color: yellow; border:1px solid #555;
}
div#tr {
    transform:translate(20px,10px) rotate(10deg) skewX(-40deg);
    /* ADD proprietary selectors if needed */
}
</style>
</head>
<body>
​
<h3>CSS3 Transformations Example</h3>
​
<div>Orginal box</div>
<div id="tr">Transformed box</div>
​
</body>
</html>