Knockout binding to webkittransform

by jiggle

HTML

<img data-bind="attr: { src: src }, style: {
                                       '-webkit-transform': imageRotateCss(),
                                       '-o-transform': imageRotateCss(),
                                       'transform': imageRotateCss(),
                                       'MozTransform': imageRotateCss() }"/>

JavaScript

var vm = function() {
    this.imageRotateCss = ko.observable('rotate(45deg)');
    this.src = ko.observable('http://knockoutjs.com/img/ko-logo.png');
}

ko.applyBindings(new vm());