Breaking

Wednesday, November 28, 2012

Box shadow css3

#A {-moz-box-shadow: -5px -5px #888;-webkit-box-shadow: -5px -5px #888;box-shadow: -5px -5px #888;}
#B {-moz-box-shadow: -5px -5px 5px #888;-webkit-box-shadow: -5px -5px 5px #888;box-shadow: -5px -5px 5px #888;}
#C {-moz-box-shadow: -5px -5px 0 5px #888;-webkit-box-shadow: -5px -5px 0 5px#888;box-shadow: -5px -5px 0 5px #888;}
#D {-moz-box-shadow: -5px -5px 5px 5px #888;-webkit-box-shadow: -5px -5px 5px 5px#888;box-shadow: -5px -5px 5px 5px #888;}
#E {-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;}
#F {-moz-box-shadow: 0 0 5px 5px #888;-webkit-box-shadow: 0 0 5px 5px#888;box-shadow: 0 0 5px 5px #888;}


#G {-moz-box-shadow: inset -5px -5px #888;-webkit-box-shadow: inset -5px -5px #888;box-shadow: inset -5px -5px #888;}
#H {-moz-box-shadow: inset -5px -5px 5px #888;-webkit-box-shadow: inset -5px -5px 5px #888;box-shadow: inset -5px -5px 5px #888;}
#I {-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;}
#J {-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;}
#K {-moz-box-shadow: inset 0 0 5px #888;-webkit-box-shadow: inset 0 0 5px#888;box-shadow: inner 0 0 5px #888;}
#L {-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;}
 
#M {
-moz-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
-webkit-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
}
#N {-moz-box-shadow: 5px 5px rgb(0,0,0);-webkit-box-shadow: 5px 5px rgb(0,0,0);box-shadow: 5px 5px rgb(0,0,0);}
#O {-moz-box-shadow: 5px 5px rgba(0,0,0,0.7);-webkit-box-shadow: 5px 5px rgba(0,0,0,0.7);box-shadow: 5px 5px rgba(0,0,0,0.7);}
#P {-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);box-shadow: 5px 5px rgba(0,0,0,0.5);}

Thanks css3.info





No comments:

Post a Comment