Add '-ms-transform' and '-webkit-transform' to element using vanilla js [duplicate]

Question

I am removing jQuery and need to be able to add these css transform attributes to an element using vanilla js:

-ms-transform: scale(1.05); /* IE 9 */
-webkit-transform: scale(1.05); /* Safari */
transform: scale(1.05);

Today I have the code changed with jQuery like:

$(".my-class").css({
    '-ms-transform': 'scale(1.05)', /* IE 9 */
    '-webkit-transform': 'scale(1.05)', /* Safari */
    'transform': 'scale(1.05)',
})

The problem is to do something like:

$element.style.-ms-transform = 'scale(1.05)'

But this does not work 👆

Damn, I will just not use it :D .... it seems most major browser supports the transform — Brainmaniac
– Brainmaniac, Commented May 26, 2022 at 21:37
Were you every able to resolve this issue? If so, did my answer below help you? — Michael M.
– Michael M., Commented Dec 27, 2022 at 7:07

Michael M. · Accepted Answer · 2022-05-26 21:31:33Z

3

Try doing it like this:

$element.style["-ms-transform"] = 'scale(1.05)'

Remember that you can access objects like arrays with strings. W3Schools page on Objects

answered May 26, 2022 at 21:31

Michael M.

11.2k11 gold badges22 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add '-ms-transform' and '-webkit-transform' to element using vanilla js [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related