Template:Linear-gradient

Da WikiAppunti.
Jump to navigation Jump to search

Il template {{Linear-gradient}} serve per applicare colori di sfondo sfumati ai riquadri, utilizzando la proprietà CSS background-image.

Il template va usato all'interno di un tag style.

Sintassi[modifica sorgente]

È necessario specificare la sfumatura desiderata con la seguente sintassi:

{{linear-gradient | posizione iniziale | colore [posizione intermedia], colore [posizione intermedia][, colore [posizione intermedia], ...] }}
  • posizione iniziale (obbligatorio): specificare una posizione iniziale: left, right, bottom o una combinazione di due di essi (ad es. top left);
  • colore (i primi due colori sono obbligatori): definire i colori che andranno a comporre la sfumatura a partire dalla posizione iniziale fino all'estremità opposta;
  • posizione intermedia (facoltativo): specificare una posizione intermedia per ogni colore usando una percentuale (ad es. 45%) o i pixel (ad es. 60px).

Per approfondire la sintassi, è possibile leggere la specifica W3C (in inglese).

Esempi[modifica sorgente]

Exquisite-kfind.pngPer approfondire, vedi la pagina Template:Linear-gradient/testcases su en:Wikipedia.

<div style="{{linear-gradient|left|#ffdddd, #ddddff}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.