CSS3 transforms provide even more sophisticated effects. There are 2D and 3D transformations available. We will discuss some of the 2D transformations here. Transforms can be used with transitions to provide some interesting effects. Here is the basic form of the
There are a few different 2D
transform functions. The first we'll look at is
translate(). It moves an element from its current position to a new position. It takes x and y positions as parameters. You can use negative values to move up and to the left. The following would move an element
10 pixels right and
25 pixels up:
transform: translate(10px, -25px);
rotate() function rotates an element by a given amount. The rotation amount ...