Heygrady's .css()

by louisremi

HTML

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