rotate3d(x, y, z, a)
/* Answer to: "https://css-tricks.com/css-grid-replace-flexbox/" */
/*
CSS supports 3D transformations.
For examples on some transform methods, go to:
https://www.w3schools.com/css/css3_3dtransforms.asp
Here's a list of all the CSS 3D Transform Methods:
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) - Defines a 3D transformation, using a 4x4 matrix of 16 values
translate3d(x,y,z) - Defines a 3D translation
translateX(x) - Defines a 3D translation, using only the value for the X-axis
translateY(y) - Defines a 3D translation, using only the value for the Y-axis
translateZ(z) - Defines a 3D translation, using only the value for the Z-axis
scale3d(x,y,z) - Defines a 3D scale transformation
scaleX(x) - Defines a 3D scale transformation by giving a value for the X-axis
scaleY(y) - Defines a 3D scale transformation by giving a value for the Y-axis
scaleZ(z) - Defines a 3D scale transformation by giving a value for the Z-axis
rotate3d(x,y,z,angle) - Defines a 3D rotation
rotateX(angle) - Defines a 3D rotation along the X-axis
rotateY(angle) - Defines a 3D rotation along the Y-axis
rotateZ(angle) - Defines a 3D rotation along the Z-axis
perspective(n) - Defines a perspective view for a 3D transformed element
*/var angles = {x: 45, y: 34, z: 64};
var css = `rotateX(${angles.x}deg) rotateY(${angles.y}deg) rotateZ(${angles.z}deg)`;