How to add vendor prefixes in css using jQuery

Asked Mar 14 '16 at 08:27

Active Mar 14 '16 at 08:27

Viewed 363 times

I am trying to add vendor prefixes -webkit-transform, -moz-transform in css using jQuery but for some reason they are not added when the inspect elements. Am I missing anything

$('#show').css({
  'transform':'translateY(-60px)', 
  '-webkit-transform':'translateY(-60px)', 
  '-moz-transform':'translateY(-60px)'
});

But when I inspect element on browsers, I can only see transform: translateY(-60px);

edited Mar 14 '16 at 08:27

Praveen Kumar Purushothaman

164,888
24
203
252

asked Mar 14 '16 at 08:27

Ayanize

1

jQuery is smart enough to put it. If you really need, use `prefixr.min.js`. jQuery first checks for the browser and gives it based on which particular one it needs. – Praveen Kumar Purushothaman Mar 14 '16 at 08:27
So, you mean and what I heard is that I need not worry about this. – Ayanize Mar 14 '16 at 08:29
1

see http://stackoverflow.com/questions/17487716/does-css-automatically-add-vendor-prefixes/17487728 – Arun P Johny Mar 14 '16 at 08:31
@Ayanize Yes. See: http://www.richardfawcett.net/demos/jquery_1.8.0_testing.html. – Praveen Kumar Purushothaman Mar 14 '16 at 08:32

How to add vendor prefixes in css using jQuery

0 Answers0