CSS3

Tutto ciò che avreste voluto usare ma non avevate il coraggio di fare

In precedenti post, ho speculato sul fatto che usare CSS avanzati, anche se non supportati da tutti i browser, non è un peccato mortale.

Ad esempio

Gli utenti di Internet Explorer non vedranno la sottile ombra sotto il testo, ma perché andare a levarla anche a tutti gli altri solo perché IE non la supporta? È da cattivoni.

Eccovi quindi una lista di proprietà CSS3 che potete usare già da ora, sui browser che la supportano. Unica cosa, state attenti a fare in modo che, se la proprietà non è supportata, il vostro design non diventi inguardabile ma solo "meno bello" (la teoria della graceful degradation).

  1. Text shadow
  2. Text overflow (tre puntini automagici)
  3. Word wrap
  4. Border image
  5. Rounded corners
  6. Box shadows
  7. Outlines
  8. Backgrounds: clip and size
  9. Colori! Trasparenze, canali alfa
  10. Multicolonna
  11. Outline testo
  12. Maschere
  13. Riflessi
  14. Gradienti

Share this on

Share |

On same topics

Commenti

comments powered by Disqus