CSS3 box-shadow

Ett enkelt exempel med de nya css3 egenskaperna box-shadow och border-radius:

Syntax för box-shadow: höger-shadow vänster-shadow oskärpa utspridning färg infälld;

eller:

box-shadow: h-shadow v-shadow blur spread color inset;

Prefix för mozilla och webkit, samt ”standard”:
-moz-box-shadow: -5px -5px #888;
-webkit-box-shadow: -5px -5px #888;
box-shadow: -5px -5px #888;

Testa detta, och några fler, exempel på codepen.io/anon/pen/jdaDv

Annonser

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s