Mockups

Nothing here is live on the site.

1. How far the blur feathers in behind the front film

The soft edge, four ways. The blur is a quarter strength at the front film’s edge in all four; what changes is how gradually it fades to nothing underneath the front film. While the carousel is still that part is hidden, so they look almost the same. The difference shows while turning, when the front film moves away and the area behind it is briefly uncovered. Turn each one a few times.

A. 24px (now)Fades to nothing 24px inside the front film’s edge.
B. 48pxFades to nothing 48px inside.
C. Halfway to the centreFades to nothing halfway between the edge and the centre.
D. All the way to the centreA light blur right across the space behind the front film, fading to nothing only at its centre.

2. Opening a film: scale and fade (instead of the 3D flip)

Click the film. It grows from where it is into the details card while the picture fades into the card’s contents, all on one smooth ease in and out. Close (or click outside) to reverse it. This is much lighter than the flip: no 3D, and nothing is redrawn while it moves.