Puppybits' .css()

by louisremi

HTML

<script src="https://github.com/puppybits/QTransform/raw/master/QTransform.js"></script>
<div id="ref"></div>
<div id="test"></div>

CSS

div {
    width: 30px;
    height: 30px;
    position: absolute;
}
#ref {
    background: red;
    -moz-transform: skewY(20deg) rotate(45deg) translate(50px);
    -webkit-transform: skewY(20deg) rotate(45deg) translate(50px);
    -ms-transform: skewY(20deg) rotate(45deg) translate(50px);
    -o-transform: skewY(20deg) rotate(45deg) translate(50px);
}
#test { background: blue }

JavaScript

$("#test").css({skew: "0deg,20deg", rotate: "45deg", translateX: "50px"})