Package Exports
- dom-transform
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (dom-transform) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
dom-transform 
Applies CSS transform properties on an element.
Installation
With npm do:
$ npm install dom-transform --saveInstall with component(1):
$ component install nk-components/dom-transformAPI
var transform = require('dom-transform');
var el = document.querySelector('div');
transform(el, {
x: 12,
y: 10
});
console.log(transform.get(el, 'transform'))
// > 'translateX(12px) translateY(10px)'
console.log(transform.get(el, 'transform'))
// > {
// 'transform': 'translateX(12px) translateY(10px)',
// 'transformOrigin': ''
// }
transform.reset(el);
// > {
// 'transform': '',
// 'transformOrigin': ''
// }
transform(el, {
translate3d: [10, 10, 10],
origin: [0, 0]
});Supported properties:
translate:- default:
px
- default:
translate3d:- default:
px
- default:
translateX:- alias:
x - default:
px
- alias:
translateY:- alias:
y - default:
px
- alias:
translateZ:- alias:
z - default:
px
- alias:
scalescale3dscaleXscaleYscaleZrotate3drotate:- default:
deg
- default:
rotateX:- default:
deg
- default:
rotateY:- default:
deg
- default:
rotateZ:- default:
deg
- default:
skew:- default:
deg
- default:
skewX:- default:
deg
- default:
skewY:- default:
deg
- default:
matrixmatrix3dperspective:- default:
px
- default:
origin
License
MIT