47 consigli e trucchi CSS. #05: Bottoni 3D in CSS

Bottoni  3D CSS sono facili da creare. Il trucco sta nel dare agli elementi, dei bordi di diversi colori. Più chiari dove arriva la luce e più scuri dove non c’è.

div#button {background: #888; border: 1px solid; border-color: #999 #777 #777 #999 }

Questo CSS crea un bottone dove la sorgente luminosa si trova in alto a sinistra. Normalmente una o due ombre di diverso colore è quanto basta, ma si può sperimentare per ottenere effetti diversi.