CSS Fundamentals: Transforms

The transform property allows us to visually manipulate elements by scaling, skewing, rotating, or translating them.

For example:

.element {   
  width: 30px;   
  height: 30px;   
  transform: scale(10); 
}

Despite our height and width declarations, the transform scales our element to ten times its original size!