Shattered Image
Photo shattered into fragments, columns, hexagons or circles, with a slow zoom and sequential reveal
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
A B&B living room, shattered
“Shards” mask with 6 px cream gaps acting as grout lines, a slow mixed Ken Burns, 28 px corners and a deep shadow.
03
Five columns for a boutique window
“Columns (5)” mask in 21:9 over dark slits, a different zoom for each column (from 100% to 160%) and a vertical Ken Burns: the window looks like it's behind blinds.
04
Zigzag pieces for an agricultural startup
“Hexagons (8)” mask (eight zigzag pieces) on the drone, blue slits, a 25% blue overlay on each piece and sequential appearance on scroll, in a light card.
05
A museum inside a porthole
Square “Radial center (8)” mask with the radius at 999: the image becomes a circle broken into wedges, with light slits and slow rotation.
06
Scattered circles for a perfume shop
“Scattered circles (9)” mask on a yellow still life: image bubbles on a cream background, no Ken Burns, 4:3 proportions.
07
The match mosaic
“Mosaic (3×2)” mask with red slits, random zoom per piece and a chaotic Ken Burns: six different framings from the same shot.
08
Diagonals for a dinner in the cellar
“Diagonals (5)” mask with wide, dark slits, a 35% dark overlay and parallax per fragment on scroll: a poster-style effect.
09
A portrait in seven circles
A narrow, square “Circles (7 hex)” mask, radial Ken Burns from the center: a piece for the “About us” page.
