Having surveyed and walked through the process of creating and applying CSS3 effects and transforms, we now turn to one of the most exciting, dynamic aspects of these new style features: interactivity.
By interactivity, we mean that an object or elements of a page react to a visitor's action with their own action. A visitor hovers over an object, and that object moves, resizes, rotates, skews, develops a shadow, becomes semi-transparent, or some undergo some other change.
There are two basic techniques for combining interactivity with effects and transforms. One of these techniques is to use JavaScript along with transforms and effects to create interactivity.
The other, more accessible technique is to avail ourselves of the widely supported, and easy to use :hover pseudo-class. If you are familiar with defining a "hover" state for a link, where a link takes on a unique appearance when hovered over, you have a basic idea of how this is going to work. Moreover...