Component
Curtain Hero
A photograph set in a white mount, like a print under a mat. On load, a black curtain rises, the photograph settles and the type comes out of its mask. HTML, CSS and JavaScript — no framework, no build step, not a single external request.
The entrance is written in CSS: it plays exactly the same without JavaScript. The script only decides when, and knows how to replay it.
Held back until it comes into view
The same component, with data-au-defilement. It waits
until it is 45 % visible — data-seuil — before raising
its curtain. That is the setting to take as soon as the component is
not the first screen.
IRIS & MALIK
Rescaled
The mount, the height and the gutters are a share of
--ch-unit; the caption a share of
--ch-font-size. Here the drawing unit is brought down to
0.6vh and the body copy to 1rem: the frame
closes up, the title follows the width, nothing else is touched.