Transformer.js

Transformer.js is a lot like jQuery.css(), except it's dedicated to CSS transform and transformOrigin. It's easier than jQuery.css() because it's automatically prefixed and easily allows an infinite combination of transformations.

Quick Start

HTML

<div id="box"></div>

JavaScript

// Standard
(function () {

	var tr = new fil.Transformer(),
		box = document.getElementById('box');

	tr.transform(box, {
		translateX : '10px',
		rotateY : '45deg',
		translateZ : '-40px'
	});

}());

// AMD
require(["Transformer"], function (Transformer) {

	var tr = new fil.Transformer(),
		box = document.getElementById('box');

	tr.transform(box, {
		translateX : '10px',
		rotateY : '45deg',
		translateZ : '-40px'
	});

});