Louisremi's .css()

by louisremi

HTML

<script src="https://github.com/louisremi/jquery.transform.js/raw/master/jquery.transform2d.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({transform: "skewY(20deg) rotate(45deg) translate(50px)"});