MooTools CSS Animation (webkit)

HTML

<div id="test"></div>

CSS

#test {
    width: 100px;
    height: 100px;
    border: solid 2px red;
}

JavaScript

var newStyles = {
    'webkitTransform': 'rotate(@deg)',
    'MozTransform': 'rotate(@deg)',
    'OTransform': 'rotate(@deg)'
};

$extend(Element.Styles, newStyles);

$('test').addEvents({
    mouseover: function(){
        this.morph({
            'webkitTransform': [0, 90],
            'MozTransform': [0, 90],
            'OTransform': [0, 90],
});
    },
    mouseout: function(){
        this.morph({
            'webkitTransform': [90, 0],
            'MozTransform': [90, 0],
            'OTransform': [90, 0]
});
    }
});