Подбор значения CSS matrix3d transforms в браузере

Это, конечно, что-то невероятное.
Franklin Ta написал функцию, позволяющую вычислять необходимое значение css-свойства transform: matrix3d(…) прямо в браузере. Не то чтобы это прям было так жизненно необходимо, но приятно знать, что если такой инструмент понадобится — он уже существует. Суть в том, что благодаря функции определять необходимые значения матрицы становится элементарно:

See the Pen Drag to transform by Franklin Ta (@fta) on CodePen.


Или вот еще один пример, например:

Собственно, код функции.

Добавить комментарий