HTML CSS examples for CSS Property:box-shadow
Smooth box-shadow effect on div in css
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .bg {<!-- w w w . j a va 2 s .co m--> padding:21px; background:Chartreuse; } .box { background:white; width:401px; height:100px; box-shadow:0px 3px 4px yellow ,2px 3px 3px rgba(0,0,0,.2) , -2px -3px 3px rgba(0,0,0,.6) ; } </style> </head> <body> <div class="bg"> <div class="box"> </div> </div> </body> </html>