2015-05-12 3 views
2

Хотя W3Schools предоставляет довольно много информации о CSS3, я не нашел много информации о том, что происходит там, где находится матрица 2D Transform.перемещение вещей с помощью css 2d-матрицы

Просьба представить информацию о том, что происходит в каждом из шести параметров.

div { 
    transform: matrix(1, -0.3, 0, 1, 0, 0); 
} 
+1

[Информация, которую вы хотите] (https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#matrix%28%29) – Passerby

+0

@Пасербали благодарю вас за ответ, но не могли бы вы дать реальный ответ, чтобы пользователи могли легче найти ответ? Кроме того, я хотел бы дать вам кредит, который вы desserve –

+0

Я действительно никогда не использовал эту функцию раньше, однако, читая руководство @Passerby, я выхожу, что 'matrix (a, b, c, d, tx, ty)' означает это: http://i.stack.imgur.com/ZkdML.png простой матрица умножение. – odedta

ответ

1

Пожалуйста, используйте следующее изображение в качестве ссылки:

transform: matrix(a, c, b, d, tx, ty) 

a: x scale 
c: x skew 
b: y skrew 
d: y scale 
tx: x transition (position) 
ty: y transition (position) 

Очень интересная документация по следующим ссылкам:

https://dev.opera.com/articles/understanding-the-css-transforms-matrix/

http://www.senocular.com/flash/tutorials/transformmatrix/

enter image description here

Смежные вопросы