CSS Transformation Matrices

I use the following CSS rules to convert to a simple H2 element, only the text inside it:

-moz-transform: matrix(0, -1, 1, 0, 130px, 118px);
-webkit-transform: matrix(0, -1, 1, 0, 130px, 118px);

It works as expected in Firefox; I don’t work at all in Safari / Windows and Chrome / Windows: H2 stays where it is. Am I doing something wrong or are CSS transforms inactive in these two Windows browsers?

+3
source share
2 answers

Screen shot

There is some kind of implementation, but it definitely does not work.

px, (, CSS), , Firefox. , ( ), . px, , , .

+2

MDC docs :

. Gecko (Firefox) tx ty. Safari (WebKit) Opera tx ty.

, , ,

" e f Firefox ( , : ).

- - . , , , , .

, FF .

, , , Webkit , FF IE . :

-moz-transform: (a, c, b, d, tx, ty)

Where a, b, c, d build the transformation matrix and tx, ty are the translate values. 
   ┌     ┐ 
   │ a b │
   │ c d │
   └     ┘
+2

Source: https://habr.com/ru/post/1722203/


All Articles