JavaScript и CSS prefix?

Question

[thehighhomie]

Возникла потребность в написании css свойств с префиксами, как пишутся я знаю, например mozBorderRadius, но сколько их нужно для одного свойства? как именно их нужно прописывать в js, их же к примеру в css для transform идет 4 префикса: webkit, moz, o, ms и плюс свойство без префикса. А в js все по очереди тоже вставлять или как? Покажите пример пожалуйста.

Comments

[Владислав]

Вы можете использовать например gulp-autoprefixer для этой задачи, но это для css, а зачем вам их в js вставлять?

Answer 1

[Ivan Bogachev]

Лучше всего не заниматься ... странностями и писать css в css, извините за тавтологию. И использовать какой-нибудь автопрефиксер, который решит за вас какие префиксы куда вставлять. Если у вас в скриптах возникает необходимость поменять внешний вид или расположение элементов - создавайте для них отдельные css классы и в скриптах добавляйте эти классы или убирайте. Это имеет смысл делать хотя бы потому, что смесь javascript и css (имеется ввиду изменение свойств напрямую) в одном файле очень быстро превращается в такую лапшу, в которой потом ничего нельзя понять.

Answer 2

[Евгений]

Смотрите в caniuse.com нужное вам свойство и пишите по очереди главное чтобы свойство без префикса было в конце. Сейчас почти все современные браузеры работают без префиксов.