Time for action – animating an element's skew

Next we'll add the function that will skew elements to the left. The function will need to be applied to two elements, the flat, or non-skewed element, as well as the one before it (to the right in this case). The function to animate the skew from right to left is as follows:

function skewRTL() { var flat = flow.find(".flat").css("zIndex", order + 1), preFlat = flat.next(), flatMatrix = matrix.slice(0), preMatrix = matrix.slice(0), flatDims = 200, preDims = 170, skew = function() { if (preFlat.length) { if (flatMatrix[3] <= 30 * oneRad && flatMatrix[5] <= 10 * oneRad) { var flatTranslateX = parseInt(flatMatrix[9].split("p")[0], 10), flatTranslateY = parseInt(flatMatrix[10].split("p")[0], 10), preTranslateX ...

Get jQuery 1.4 Animation Techniques Beginner's Guide now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.