CSS box-shadow on three sides of a div - HTML CSS CSS Property

HTML CSS examples for CSS Property:box-shadow

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. box-shadow

Description

CSS box-shadow on three sides of a div

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>Lorem ipsum dolor sit </title> 
  <style>
p {<!--   ww  w  .  j  a v  a 2  s  .  c  o  m-->
   position:relative;
   background-color:Chartreuse;
   margin:0;
   padding:2rem 0;
   z-index:3;
}

.box {
   position:relative;
   height:100px;
   box-shadow:0 6px 21px 0 yellow;
   z-index:2;
}
</style> 
 </head> 
 <body translate="no"> 
  <p>Lorem ipsum dolor sit amet, consectetur adi</p> 
  <div class="box"></div>  
 </body>
</html>

Related Tutorials