Ctrl + K

Flip Card

Smooth 3d card flip

PreviewCode

Installation

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

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