@web3r/flowerkit
Version:
A collection of more than 60 often used utility JS functions that simplify frontend development.
18 lines • 709 B
TypeScript
/**
* Gets an object with `x`, `y`, `z` values of CSS3 transform
* @param el{HTMLElement|Node|Element|Document} - DOM element
* @return {{x: number, y: number, z: number}}
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/transform
* @example
* // How to get `translate3d` values of a `div`?
* // <div id="block" style="transform: translate3d(10px, 15px, 35px);"></div>
* const block = document.getElementById("block");
* const values = getCSSTransformValues(block);
* console.log(values); // => { x: 10, y: 15, z: 35 }
*/
export function getCSSTransformValues(el: HTMLElement | Node | Element | Document): {
x: number;
y: number;
z: number;
};
//# sourceMappingURL=index.d.ts.map