HTML CSS examples for CSS Property:box-shadow
Curved shadow with background-color
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .dcontainer {<!--from ww w .jav a2s . c o m--> background-color:Chartreuse; height:141px; position:relative; z-index:-6; } .dshadow { position:relative; float:left; width:41%; padding:2em; margin:3em 11px 5em; background:yellow; box-shadow:0 2px 5px blue, 0 0 41px rgba(0, 0, 0, 0.2) inset; } .dshadow:before, .dshadow:after { content:""; position:absolute; z-index:-3; } .curva:before { top:22px; bottom:11px; left:0; right:51%; box-shadow:0 0 16px pink; border-radius:11px / 100px; } .curva-h:before { top:51%; bottom:0; left:11px; right:11px; border-radius:100px / 11px; } </style> </head> <body> <div class="dcontainer"> <div class="dshadow curva curva-h"> Lorem ipsu </div> </div> </body> </html>