Skip to content

Instantly share code, notes, and snippets.

@visioncan
Created November 27, 2012 08:05
Show Gist options
  • Save visioncan/4153068 to your computer and use it in GitHub Desktop.
Save visioncan/4153068 to your computer and use it in GitHub Desktop.
set css3 js
var css3style = {
transitions : {
'transition': 'transitionEnd',
'OTransition': 'oTransitionEnd',
'MSTransition': 'msTransitionEnd',
'MozTransition': 'transitionend',
'WebkitTransition': 'webkitTransitionEnd'
},
toCamelCase : function(str){
return str.toLowerCase().replace(/(\-[a-z])/g, function($1){
return $1.toUpperCase().replace('-','');
});
},
set : function(el, prop, val, callback){
for(var t in this.transitions){
if( el.style[t] !== undefined ){
el.style[t] = val;
if (callback !== undefined) {
el.addEventListener(this.transitions[t], callback, false);
}
}
}
}
};
//used:
//css3style.set(document.getElementById('foo'),'transition','opacity 1s', fn);​
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment