Usare la proprietà CSS3 text-shadow

Con il supporto sempre crescente dei browser alla specifica CSS3 possiamo iniziare a sfruttarne alcune caratteristiche gustose. Una di queste è l'ombra del testo.

La proprietà text-shadow agisce solo sul testo (come del resto suggerisce il nome) e permette di avere il controllo sulle seguenti proprietà dell'ombra:

  • Asse X dello scostamento del testo (anche negativo)
  • Asse Y dello scostamento dal testo (anche negativo)
  • Diffusione dell'ombra
  • Colore

La sintassi è la seguente:

text-shadow: scostamento-x scostamento-y diffusione colore;


Il tutto si traduce in un pratico esempio: un testo nero in grassetto con una ombra in basso a destra di colore grigio. Il testo a sinistra è frutto della proprietà CSS interpretata dal proprio browser mentre il testo a destra è l'immagine di riferimento.

text-shadow: 2px 2px 2px #aaa;

Testo con ombra



Questa proprietà CSS3 è supportata da tutti i browser aventi il motore Webkit di versione abbastanza recente (quindi Safari 2 e 3 e Chrome), Firefox 3.5, e Opera 9.5. Se usate uno sei suddetti browser dovreste aver notato qualche chicca al template del blog, i link della barra laterale destra, i link della barra di navigazione e i titoli dei post.

Seguono adesso molti esempi della proprietà text-shadow per gli usi più disparati.

Continua a leggere »

[PHP] Selezioni multiple con la checkbox

Vediamo oggi come effettuare selezioni multiple, per esempio in una tabella, usando il controllo checkbox. Mi sono sempre chiesto come poter gestire centinaia di checkbox in maniera da semplificare il controllo della selezione lato server con php.

ATTENZIONE: Sono richiesti prerequisiti riguardo la programmazione php.

Esempio di un controllo checkbox in html:

<input type="checkbox" name="pippo" value="1">


Post image


Continua a leggere »

CC BY-NC-SA 3.0 2004-2012 Daniele Napolitano — Per informazioni sulla licenza leggere le Note legali