jQuery CSS Transition Fallbacks

jquery_css_transitions.js

(function (window, doc, $, undefined) {
	
	// Check for CSS3 Transition Support
	var css_transitions = function() {
		var el = doc.createElement('div');
		var vendors = ['Khtml', 'Ms', 'Moz',' Webkit','O'];

		for (var i = 0, len = vendors.length; i < len; i++) {
		var prop = vendors[i] + 'Transition';
			if (prop in el.style) return true;
		}

		return false;
	}();

	/**
	* Assuming a transition CSS definition is applied to .animate-me for width
	* @see http://api.jquery.com/animate/
	* @see http://api.jquery.com/css/
	*/
	var method = (css_transitions) ? 'css' : 'animate';
	$('.animate-me')[method]({
	   width: 100
	});
	
})(window, document, jQuery);