Transform Basics

Transform allows you to scale, rotate, move, or skew elements.

Example:

<style>
.box {
  width: 100px;
  height: 100px;
  background: lightblue;
  transition: transform 0.5s ease;
}
.box:hover {
  transform: scale(1.2);
}
</style>

<div class="box"></div>

Practice Task:
Create a box that rotates 45 degrees when hovered.