The CSS3 transform shorthand property examples with multiple methods

By Admin

<!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>

May