Skip to content

Effect 07 FlipBox

3D flip cards: the front shows an image/title, hovering flips to the back with details. Front and back colors, titles and content are configured separately. Ideal for service highlights, team members and feature cards.

Effect 07 FlipBox preview

Live Demo

Visit the official demo page to see it in action.

Data Fields

FieldDescription
TitleFront title (also the back title after flip)
DescriptionBack content (rich text)
Featured ImageFront image
LinkOptional link

Item form (Field Manager) screenshot:

Effect 07 FlipBox form

Effect Settings

Layout

ParameterDescription
Page SizeItems per page (default 999, i.e. show all)
Number of columnsNumber of columns per breakpoint (default 5/4/3/1)
Item SpacingSpacing between items in pixels (default 3)

Front Settings

ParameterDescription
Front Border / Background ColorFront border and background
Display Front Title / ContentShow front title / content
Front Title / Content ColorFront title and content colors
Front PaddingFront padding (default 25)

Back Settings

ParameterDescription
Back Border / Background ColorBack border and background
Display Back Title / ContentShow back title / content
Back Title / Content ColorBack title and content colors
Back PaddingBack padding (default 25)

Built with VitePress