concept scale in category css

This is an excerpt from Manning's book CSS in Depth. Login to get full access to this book.

Figure 15.4. Rotate, scale, and skew made with the transform origin at various corners of the element.

Now, as you swipe your mouse across the menu items, you’ll see the icons grow a bit to help indicate which item you’re hovering over. I intentionally chose to use SVG image assets here, so there’s no pixelation or other odd distortions when the image size changes. The scale() transform is a perfect way to do this.

Scale—Shrinks or expands the element