transform-style

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

npm install transform-style
4 downloads in the last week
85 downloads in the last month

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

npm loves you