:hover

Es un pseudo-clase que se aplica cuando el usuario pasa el mouse por encima de un elemento.

button:hover {
  background-color: blue;
}

transform

Es una propiedad que permite aplicar transformaciones visuales como escalar, rotar, mover o inclinar un elemento.

div {
  transform: scale(1.2);
}

scale()

Escala un elemento. Aumenta o reduce su tamaño en el eje horizontal (x) y/o vertical (y).

div {
  transform: scale(1.5); /* 150% en ambos ejes */
}

div {
  transform: scale(1, 0.5); /* Ancho normal, alto reducido a la mitad */
}

rotate()

Rota un elemento. Se utiliza con unidades en grados (deg).

div {
  transform: rotate(45deg); /* Gira 45 grados en sentido horario */
}

transition

Agrega una animación suave entre dos estados, como el estado normal y el de :hover.

div {
  transition: transform 0.5s ease;
}

Ejemplo

El siguiente ejemplo muestra una caja que se agranda un 20%, gira 15 grados, y cambia sus colores de fondo y letra al pasar el mouse, con una transición suave:

.box {
    border: 1px solid black;
    width: 100px;
    height: 100px;
    background: #E30520;
    color: white;
    transition: all 0.3s ease;
}
.box:hover {
    transform: scale(1.2) rotate(15deg);
    background-color: white;
    color: #E30520;
    transition: all 0.3s ease;
}