Box Generator

Tool per creare angoli arrotondati e aggiungere ombre ai box con le proprietà Box-Shadow e Border-Radius CSS3


Colore di sfondo
Ombra del Box
-10 +10
Scost. orrizontale 
-10 +10
Scost. verticale
   0 +10
Livello sfocatura
Colore
Angoli arrotondati
   0 +30
A
   0 +30
B
   0 +30
C
   0 +30
D
Bordo
   0 +10
Spessore
Colore
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px; height:100px; width:200px; border:7px solid #FFFFFF;background-color:#097FE6; box-shadow:2px 2px 7px #2B2B2B;

Supporto dei Browser

La propietà border-radius, box-shadow sono supportate in Chrome, Firefox, Opera, Safari e IE9+.


Come inserire il codice

Direttamente come stile nel tag che si vuole utilizzare
<div style="...il codice qui..."></div>

Nei fogli di stile (CSS3) interni od esterni
.style_box {...il codice qui...}