Click the card and it lifts into the frame pulled into a petalled ring, every vertex pushed out along its own angle by a sine wave.
About this tool
The same WebGL plane as its sibling, opened by a different displacement. Each vertex is offset outwards along the angle it sits at relative to the centre, by a sine wave riding on its distance, so the picture blooms into a petalled ring and closes again as the plane reaches full frame. The petal count is the wave frequency: one is a single soft lobe, eight is a tight flower. The activation rises from the bottom edge rather than a corner, so the card reads as lifting rather than opening, and the wave phase rotates where the petals fall. Press Escape or click again to fold it back into the grid.
3D & Perspective · HTML · All tools