VoxelKit
← Back to library
Listing cards Free

Hover-lift listing card

A subtle lift-and-shadow effect for Voxel listing cards on hover. Pure CSS, drop into Custom CSS.

.ts-preview:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px -12px rgba(0,0,0,.25);
  transition: transform .18s ease, box-shadow .18s ease;
}

Paste this into Voxel → Custom CSS (or your child theme’s stylesheet). It targets the default Voxel post feed card (.ts-preview) and adds a gentle hover lift.

Notes

  • Works on any post type feed.
  • If your cards use a custom class, replace .ts-preview with it.
  • Keep the transition on the base state for a smoother feel.