JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://underscorejs.org/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
CSS
body {
margin: 10px;
font: 13px/1.3 Arial;
}
JavaScript
var AV = Backbone; // hack
var IuntiView = AV.View.extend({
className : 'step slide',
template : _.template('content'),
constructor : function () {
this.attributes = {
'data-x' : 1500,
'data-y' : 15,
'data-z' : 0,
'data-rotate-x' : 10,
'data-rotate-y' : 1000,
'data-rotate-z' : 500,
'data-scale' : 0
};
AV.View.prototype.constructor.apply(this, arguments);
},
render : function () {
this.$el.html(this.template());
return this;
}
});
new IuntiView().render().$el.appendTo(document.body);