Documentation
v.1.6
GETTING STARTED
DYNAMIC ISLAND
Premium element
Visual Effect
Flip Canvas
Flip Canvas introduces a visually engaging flipping grid effect that dynamically transitions between images. It adapts to screen sizes, ensuring responsiveness and seamless animations across devices.
Preview
Open previewHEADING
Quick Setup
data-grid-flip
Required
Enables the Clip Canvas effect on the specified container.
data-images
Required
Specifies the list of image URLs for the grid animation. Provide a comma-separated list of image paths.
Advanced configuration
data-grid-size
Optional
Defines the number of rows and columns in the grid
Default: 4
data-transition-time
Optional
Specifies the duration (in milliseconds) between each grid transition.
Default: 3000
data-empty-percentage
Optional
Controls the percentage of grid blocks left empty during animation for added randomness.
Default: 30
data-border-radius
Optional
Sets the border radius for the grid blocks, giving them rounded edges if desired.
Default: 0px
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours