jQuery 1.4 Animation Techniques - Index of

Pop quiz – using the matrix
1. The CSS3 matrix transform function is useful in which situation?
a. When we want to work in radians instead of degrees
b. When we need to animate a transform function
c. When we want to apply more than one transform function to an element
d. When coding for Internet Explorer
[ 263 ]
Chapter 9
2. In the transform function matrix(a, b, c, d, e, f), which parameters refer to
the element's translation?
a. a and b
b. a and d
c. b and c
d. e and f
Have a go hero – extending matrix animation
It would definitely be beneficial to build this example so that it incorporated progressive
enhancement. Work on an alternative, accessible layout that works with scripting disabled,
and then convert the widget into the format used in this example.
You could also work on a more suitable fallback for IE, in which the example uses a simpler
image viewer, perhaps one of those looked at earlier in the book.
Summary
In this chapter we look at the new CSS3 transform style property in detail, covering all of the
different transform functions including:
matrix
rotate
scale
scaleX
scaleY
skew
skewX
skewY