CSS3 Please! il tuo Css a portata di mano

CSS3 Please! il tuo Css a portata di mano

1381
6
CONDIVIDI

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!

http://www.css3please.com

  • Aurora Dellerba

    buon promemoria ma compatibilità? Ie?

  • E’ ottimo per quei siti web che devono sembrare veri e propri flash ma con i browser più vecchi come la mettiamo?

  • Mario Concina

    cosa è compatibile con Ie? 😀

  • Ottimo speriamo che in internet explorer 8 venga risolto il problema di compatibiltà per certi css3

  • peterborto

    hei nel title c’è già il CSS4 sei avanti :d

    • Mario Concina

      ahahah, grazie per la segnalazione!