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.
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.
Talha Manzoor
