Ctrl + K

Light Card

Free

Get a very light and interactive efffect on hover.

PreviewCode

Installation

CLI
Manual
Run the following command
npx animatex-pro add lightcard

Props

PropDefaultDescription
subImagesNoneArray of images behind the mainImage
mainImageNoneMain image displayed
subStyleNoneEnables you to style the subImages control width & height
mainStyleNoneEnables you to style the mainImage control width & height
flipDuration0.5Controls the rotation speed
iniSpread60Controls the initail spacing between subcards
finalSpread150Controls the final spacing between subcards