// http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr/13081497#13081497 var supportCSSTransitions = (function() { var s = document.createElement('p').style; return 'transition' in s || 'WebkitTransition' in s || 'MozTransition' in s || 'msTransition' in s || 'OTransition' in s; })();Penggunaan
Menambahkan kelas spesifik pada tag <html> menurut derma CSS transisi pada peramban yang dipakai:
document.documentElement.className += supportCSSTransitions ? " css-transition" : " no-css-transition";Menggunakan animasi CSS transisi untuk performa yang lebih baik kalau peramban yang digunakan mendukung CSS transisi, dan akan dialihkan ke jQuery .animate() kalau peramban yang digunakan tidak mendukung CSS transisi:
if (supportCSSTransitions) { $('div').css({ "top": 50, "left": 100 }); } else { $('div').animate({ "top": 50, "left": 100 }, 1000); }