Media

Media

Forme

square

round

cover

Rapporto d'aspetto

cover + 16-9

Documento incorporato

Un iframe riempie la sua casella, quindi la casella determina la dimensione: un modificatore di rapporto, o media--fill per prendere qualsiasi altezza fornita dal genitore.

media--fill · actions

16-9

Sovrapposizione

media--bg / media--fg

Vue

Lo stesso frame di un parziale vue, per un documento il cui indirizzo è conosciuto solo una volta che la pagina è in esecuzione.

Cornice

Un'immagine nella sua cornice, dal server con media() o come componente vue media: un link quando porta da qualche parte, una didascalia sopra il suo piede, e un bagliore mentre si carica o quando non ce n'è.
Una didascalia sopra il suo piede

media() · href · caption

media(null) · placeholder

Mosaico

Immagini di ogni altezza impilate affiancate senza spazi vuoti, ognuna alta quanto dice il suo rapporto, le colonne tante quanto ne contiene la stanza: wall() la estrae dal server, la forma è css/shapes/wall.

Parete di una collezione

La stessa parete come collezione di entità, letta dall'api una pagina alla volta mentre viene scorsa: la pagina successiva arriva prima che si raggiunga il piede della parete.

Ritaglia

Quale parte di un'immagine mantenere, scelta sull'immagine: l'area si muove, un angolo la dimensiona, le frecce la spostano e con Shift la dimensionano. Si dice nei pixel stessi dell'immagine — ciò che un server ritaglia — e crop() la taglia qui quando il taglio è inviato invece. Un rapporto la tiene (1 per un ritratto, mostrato rotondo), oppure è libera, come una firma richiede.