Shutter Slice Card

Shutter Slice Card

About Shutter Slice Card

Description:

Overview

  • Shutter Slice Profile is an interactive profile card that combines a person's image with a smooth shutter-style reveal animation.

  • The card initially displays the selected image, while the person's name, title, and description are hidden behind it.

How It Works

  • The image is divided into multiple vertical slats.

  • On hover, or tap on mobile, the slats smoothly move upward and rotate in alternating directions.

  • As the slats move away, the content panel underneath is revealed.

  • You can control the number of slats, movement distance, rotation, animation duration, stagger delay, and spacing.

  • The revealed panel supports solid colors, linear gradients, and radial gradients.

  • Name, title, and description typography can be customized independently.

Where to Use

  • Personal portfolios

  • Team member sections

  • About pages

  • Creative portfolios

  • Agency websites

  • Designer/developer profiles

  • Speaker or creator profiles

  • Interactive landing pages

Features

  • Hover or tap interaction

  • Mobile-friendly tap trigger

  • Custom image

  • Custom name, title, and description

  • Adjustable shutter slices

  • Custom animation timing and stagger

  • Solid, linear, and radial backgrounds

  • Independent typography controls

  • Adjustable padding and corner radius

  • Responsive and lightweight interaction

No Refund Policy All purchases are final. Due to the digital nature of this component, refunds are not provided after purchase. Please review the component details and features before purchasing.

Contact For questions, support, or assistance, contact acreziodesmond@gmail.com.