This first set of styles will allow animation when the user rolls out:
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out; }
These are the main set of styles that will trigger the skew transform on the hover.
-moz-transform: skew(10deg, 10deg);
Mobile devices do not responed to the hover therefore you need to click on the image/s in order to see the effect. Even though by clicking on the image you can generate the transform it still does not work correctly on touch devices. Because there is no hover the reverse transform cannot happen when the user rolls off but it is generated when the user click on another transform.