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

530 Valid Hostname Is Expected When Setting Up IIS 10 For Multiple Sites

C Perror Example

Converting A String To Int In Groovy