Post

Tuto

Free

BG
Afiqah Junizan

Tutorial : Box Shadow
27/08/2012 | 2 comments

Basic things that you should know.


Box Shadow

-moz-box-shadow: -5px -5px #888;
-webkit-box-shadow: -5px -5px #888;
box-shadow: -5px -5px #888;


Box Shadow (ii)

-moz-box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;


Box Shadow (iii)

-moz-box-shadow: -5px -5px 0 5px #888;
-webkit-box-shadow: -5px -5px 0 5px #888;
box-shadow: -5px -5px 0 5px #888;


Box Shadow (iv)

-moz-box-shadow: -5px -5px 5px 5px #888;
-webkit-box-shadow: -5px -5px 5px 5px #888;
box-shadow: -5px -5px 5px 5px #888;


Box Shadow (v)

-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;


Box Shadow (vi)

-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px #888;
box-shadow: 0 0 5px 5px #888;


Box Shadow (vii)

-moz-box-shadow: inset -5px -5px #888;
-webkit-box-shadow: inset -5px -5px #888;
box-shadow: inset -5px -5px #888;


Box Shadow (viii)

-moz-box-shadow: inset -5px -5px 5px #888;
-webkit-box-shadow: inset -5px -5px 5px #888;
box-shadow: inset -5px -5px 5px #888;


Box Shadow (ix)

-moz-box-shadow: inset -5px -5px 0 5px #888;
-webkit-box-shadow: inset -5px -5px 0 5px #888;
box-shadow: inset -5px -5px 0 5px #888;


Box Shadow (x)

-moz-box-shadow: inset -5px -5px 5px 5px #888;
-webkit-box-shadow: inset -5px -5px 5px 5px #888;
box-shadow: inset -5px -5px 5px 5px #888;


Box Shadow (xi)

-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;


Box Shadow (xi)

-moz-box-shadow: inset 0 0 5px 5px #888;
-webkit-box-shadow: inset 0 0 5px 5px#888;
box-shadow: inset 0 0 5px 5px #888;


OLDERNEWER