Welcome to All Things GHL - Your Go To Resources for Code Snippets

Tilt Card

Create a title effect on your elements

/* GHL 3D Tilt Card CSS */
.tilt-card {
  transition: transform 0.4s ease;
  transform-style: preserve-3d;
}
.tilt-card:hover {
  transform: perspective(1000px) rotateY(15deg) scale(1.05);
  box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.25);
}
  1. Paste code into Custom CSS.

  2. Apply the tilt-card class to any column or row

Last updated

Was this helpful?