Sproutcore's .css()

by louisremi

HTML

<script src="http://transformjs.strobeapp.com/javascript/transformjs.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: 20, rotateZ: 45, translateX: 50})