Others


Others


Box Shadow For All Browsers Using CSS


This example shows how to create Box Shadow for all browsers including IE, Chrome, FireFox and Edge using CSS

Example : index.html 
<html>
  <head>
    <title>Box Shadow Using CSS</title>
    <style>
      .box{
        margin:0 auto;
        width:300px;
        padding:10px 15px;
        
        -moz-box-shadow:2px 2px 7px 5px #ccc;
        -webkit-box-shadow:2px 2px 7px 5px #ccc;
        box-shadow:2px 2px 7px 5px #ccc;
      }
    </style>
  </head>
  <body>
    <div class='box'>
      <p align='justify'>
        It was going to rain. The weather forecast didn't say that, but the steel plate in his hip did. He had learned over the years to trust his hip over the weatherman. It was going to rain, so he better get outside and prepare.

        The alarm went off and Jake rose awake. Rising early had become a daily ritual, one that he could not fully explain. From the outside, it was a wonder that he was able to get up so early each morning for someone who had absolutely no plans to be productive during the entire day.
      </p>  
    </div>
  </body>
</html>
Try it Yourself

Live Demo