Skip to content

Card Focus

Animated image cards with hover effects

Card Focus preview image 1

Summary

Animated image cards with hover effects

Description

Each card supports an image, an optional logo, a title, and a text field - all customizable in position, alignment, color, and size. Cards can link to internal pages or external URLs.

Key Features:

  • Responsive (the cards automatically adjust to the device)

  • Staggered appear animation with adjustable duration and delay

  • Hover-to-focus effect with blur on non-hovered cards

  • Scroll-aware active state on mobile

  • Logo/text overlay with configurable position

  • Optional background pill behind logo and text

  • Per-card link support with new tab option

  • Fully adjustable grid: gap, card size, aspect ratio, and border radius

✦ Designed in Switzerland. Built for the world.

Rank history How rankings work →

15011001150118678/149/49/2610/1811/9
  • All · #1478

Details

More like this