Skip to content

Instantly share code, notes, and snippets.

@guylaor

guylaor/ReactJS_transform_CSS_example.js

Last active August 20, 2022 18:24
Show Gist options
  • Save guylaor/31d859f91bd5e601fccb to your computer and use it in GitHub Desktop.
Save guylaor/31d859f91bd5e601fccb to your computer and use it in GitHub Desktop.
Download ZIP
Using CSS transform: translate(...) with ReactJS
Raw
ReactJS_transform_CSS_example.js
render: function() {
var cleft = 100;
var ctop = 100;
var ctrans = 'translate('+cleft+'px, '+ctop+'px)';
var css = {
transform: ctrans
}
return (
<div style={css} />
)
}
@iamjohnmills
Copy link

iamjohnmills commented Aug 20, 2022 •
edited

Here's another way that worked for me:

<div style={{ transform: `translate(10px, 20px)` }}></div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment