Small jQuery plugin for using CSS3 properties with vendor prefixes. Also includes functions for scaling and rotating.

gistfile1.js

(function($) {
	var vendorPrefix = ['webkit', 'o', 'ms', 'moz'];
	
	$.fn.vendorProperty = function(property, argument) {
		
		var self = this;
		
		self.css(property, argument);
		$.each(vendorPrefix, function(index, value) {
			self.css('-' + value + '-' + property, argument);
		});
		
	}
	
	$.fn.transform = function(transformArgument) {
		if (typeof transformArgument === "undefined") {
			return;
		}
		
		this.vendorProperty('transform', transformArgument);
	}
	
	$.fn.transformOrigin = function(originX, originY) {
		
		var originArgument = originX + ' ' + originY;
		
		this.vendorProperty('transform-origin', originArgument);
	}
	
	$.fn.scale = function(scaleX, scaleY) {
		if (typeof scaleY === "undefined") {
			scaleY = scaleX;
		}
		
		this.transform('scale(' + scaleX + ', ' + scaleY + ')');
	}
	
	$.fn.rotate = function(angle) {
		if (typeof angle !== "number") {
			return;
		}
		
		this.transform('rotate(' + angle + 'deg)');
	}
})(jQuery);