1. Pendahuluan
Munculnya CSS3 membuat kinerja browser lebih berwarna, dan dampak terbesar pada kinerja adalah animasi. Saat menulis animasi dalam kehidupan sehari -hari, perlu untuk menilai apakah browser mendukungnya terlebih dahulu, terutama ketika menulis Perpustakaan Animasi CSS3. Misalnya, keadaan permainan animasi-play-state hanya didukung oleh beberapa browser.
2. Metode pengujian
Metode berikut dapat menggunakan skrip untuk menentukan apakah browser mendukung atribut CSS3 tertentu:
/** * Tentukan apakah browser mendukung atribut css3 tertentu * @param {string} nama properti * @return {boolean} true/false * @version 1.0 * @author ydr.me * April 4, 2014 14:47:19 */function supportcss3 (style) {var prefix = ['Webk', ms ', ms', ms ', ms', ms ', ms', ms ', ms', ms ', ms', '' '', '' '{varium', '' oMit ',' '' {varium ',' ' = [], htmlstyle = document.documentelement.style, _tohumb = function (string) {return string.replace (/-(/w)/g, fungsi ($ 0, $ 1) {return $ 1.touppercase ();}); }; untuk (i in awalan) humpstring.push (_tohumb (awalan [i] + '-' + style)); humpstring.push (_tohumb (gaya)); untuk (i in humpstring) if (humpstring [i] di htmlstyle) kembali true; mengembalikan false; }3. Cara menggunakan
waspada (supportCSS3 ('animasi-play-state'));