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 | ? | ? | ? |