Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Apply transform style property with proper prefix to an element. For use with browserify / CommonJS.
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
.gitignore
README.md
package.json
transform-style.js

README.md

transform-style

Apply transform style property with proper prefix to an element. For use with browserify / CommonJS.

Normally I'm all for styles living in CSS, but there are times when it makes sense to position items using JS and transforms are the most performant way to do it. Hence, this tiny library.

installing

npm i transform-style

using

var applyTransform = require('transform-style');

// get an element 
var el = document.getElementById('#someId');

// pass it the element and whatever transform you want
applyTransform(el, 'translateY(40px)');

note: It works by replacing whatever is in -{{prefix}}-transform. If you wish to transform in an additive way, pass true as a third argument like this:

var applyTransform = require('transform-style');

// get an element 
var el = document.getElementById('#someId');

// will move it 20px right
applyTransform(el, 'translateX(20px)');

// will move it *an additional* 20px right (40px total)
applyTransform(el, 'translateX(20px)', true);

// this will return it to original position (not additive)
applyTransform(el, 'translateX(0px)');

credits

If you like this, follow [@HenrikJoreteg] on twitter.

license

MIT

Something went wrong with that request. Please try again.