CSS Tranform:translateY From JavaScript


Answer :

You can pass any transform property as a string.



HOW?



It can be done like this;



div.style.transform = "translate(x,y)"


I find out that if I write



div.style.transform = "translate(someValue)"


It only affects x axes.



"translate-y(someValue)" or "translate-x(someValue)"


did not work out.



Or you can use rotate property;



div.style.transform = "rotate(50px)".


Try it!



https://jsfiddle.net/araknafobia/4wtxu0dr/1/



In addition to the accepted answer, it is also possible to target the each axis separately - such as in the following example:



div.style.transform = "translateY(10px)";


Again, the value in the parentheses can be anything that would otherwise work when specified directly in CSS.



Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable