2D и тем более 3D трансформации на JQuery конечно понадобится могут не так уж и часто, но в любом случае, приятно знать, что такую возможность уже реализовали, и не нужно самостоятельно парится, тем более, когда эти трансформации оформлены в виде нативный JQuery трансформаторов для .css() и .animate().
Плагин можно скачать вот здесь: TransformJS
Работает интересно, можно указывать трансформацию, повороты, искажения по 2-м или 3-м координатам, даже указывая математические уравнения (хотя ничего невероятного, конечно).
Поддержка браузеров
TransformJS поддерживает все последние версии браузеров: Safari, Chrome, Firefox, Opera и IE. Но не все браузеры поддеривают 3D трансформации, а некоторые даже 2D, поэтому TransformJS постарается самостоятельно заменить неподдерживаемые действия менее красивыми, но подходящими действиями.
| 3D | 2D | Поддержка фильтрами | |
|---|---|---|---|
| rotateX | ? | ||
| rotateY | ? | ||
| rotateZ | ? | ? | ? |
| translateX | ? | ? | ? * |
| translateY | ? | ? | ? * |
| translateZ | ? | ||
| scale | ? | ? | ? |