You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In example 5 of section 3, the first paragraph under the CSS snippet reads "The visual appareance is as if the div element gets translated by 80px to the bottom left direction, then scaled up by 150% and finally rotated by 45°." In addition to the misspelling of "appearance", the
element gets translated by 80px to the bottom right direction. (The diagram underneath the text is correct.)
The text was updated successfully, but these errors were encountered:
Each <transform-function> can get represented by a corresponding 4x4 matrix. To map a point from the coordinate space of the <div> box to the coordinate space of the parent element, these transforms get multiplied in the reverse order:
The rotation matrix gets post-multiplied by the scale matrix.
The result of the previous multiplication is then post-multiplied by the translation matrix to create the accumulated transformation matrix.
Finally, the point to map gets pre-multiplied with the accumulated transformation matrix.
As far as I understand, it means that the resulting formula of the above procedure is:
https://www.w3.org/TR/css-transforms-1/
In example 5 of section 3, the first paragraph under the CSS snippet reads "The visual appareance is as if the div element gets translated by 80px to the bottom left direction, then scaled up by 150% and finally rotated by 45°." In addition to the misspelling of "appearance", the
The text was updated successfully, but these errors were encountered: