From a8684749ca038aebdab26f18481c546dc6873376 Mon Sep 17 00:00:00 2001
From: littlefisher <ericwong@zju.edu.cn>
Date: Tue, 27 Feb 2018 19:54:18 +0800
Subject: [PATCH] Add support for *skew*.

---
 README.md         | 1 +
 jquery.transit.js | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/README.md b/README.md
index 519d661..8e5104c 100644
--- a/README.md
+++ b/README.md
@@ -39,6 +39,7 @@ $("#box").css({ translate: [60,30] });      // Move right and down
 $("#box").css({ rotate: '30deg' });         // Rotate clockwise
 $("#box").css({ scale: 2 });                // Scale up 2x (200%)
 $("#box").css({ scale: [2, 1.5] });         // Scale horiz and vertical
+$("#box").css({ skew: '45deg, 45deg' });    // Skew in both directions at the same time
 $("#box").css({ skewX: '30deg' });          // Skew horizontally
 $("#box").css({ skewY: '30deg' });          // Skew vertical
 $("#box").css({ perspective: 100, rotateX: 30 }); // Webkit 3d rotation
diff --git a/jquery.transit.js b/jquery.transit.js
index a2b47b8..1a74890 100644
--- a/jquery.transit.js
+++ b/jquery.transit.js
@@ -240,6 +240,7 @@
   registerCssHook('rotateY');
   registerCssHook('rotate3d');
   registerCssHook('perspective');
+  registerCssHook('skew');
   registerCssHook('skewX');
   registerCssHook('skewY');
   registerCssHook('x', true);
@@ -343,6 +344,11 @@
         this.scale = x + "," + y;
       },
 
+      // ### skew
+      skew: function(x, y) {
+        this.skew = unit(x, 'deg') + "," + unit(y, 'deg');
+      },
+
       // ### skewX + skewY
       skewX: function(x) {
         this.skewX = unit(x, 'deg');