Oggi più che una guida vi faccio una segnalazione, infatti, per chi vive di innovazioni non potrà non considerare CSS3 Please, un sito web che raccoglie un elenco di regole Css3 i quali effetti potranno essere visibili istantaneamente su browser grazie ad un box d’esempio fissato in alto a destra.
L’utilità di questa risorsa è che potete direttamente copiare ed incollare pezzi di codice sul vostro foglio di stile personale soprattutto tenendo conto di tutte le regole browser che spesso vengono omesse da molti webmaster (mi viene in mente -o-, -ms-, ecc.. a differenza di più conosciuti -moz- e -webkit-).
Osservando la pagina web è possibile testare le seguenti proprietà:
- border-radius: definisce la rotondità di un elemento display block;
- box-shadow: applica un’ombra alle spalle di un elemento
- background-color: applica uno sfondo uniforme ad un elemento;
- background-image: con CSS3 è possibile settare un gradiente da X a Y, una vera innovazione che rende i siti web più leggeri e sgombre di immagini di background;
- transitinon: proprietà che permette di applicare piccoli effetti di transizione su un elemento;
- text-shadow: applica un’ombra al testo;
- font-face: proprietà che meriterebbe un articolo a parte dato che con Css3 è possibile aggiungere font personalizzati direttamente da CSS;
- background-size: propriety che permette di attribuire delle dimensioni ad un’immagine di background;
Cosa aspettate nel rendere più precisi i vostri lavori? Affidatevi a css3Please!