CSS Transform Hover Effect

.scale:hover {
  transform: scale(1.2);
}

.rotate:hover {
  transform: rotate(25deg);
}

.moveUp:hover {
  transform: translateY(-25px);
}

.skewX:hover {
  transform: skewX(15deg);
}

.rotate360:hover {
  transform: rotate(360deg);
}

.moveRight:hover {
  transform: translateX(25px);
}

.scaleDown:hover {
  transform: scale(.8);
}

.skewY:hover {
  transform: skewY(15deg);
}

.flipX:hover {
  transform: rotateX(180deg);
}

.pop3d:hover {
  transform: perspective(500px)
    translateZ(45px) rotateX(8deg);
}

10 CSS transform hover effects · Hover or tap each tile · Copy any snippet