title: triangle with shadow using css
body: <h3>CSS</h3>
  <pre><code>.caret-bottom
  {
      display: inline-block;
      width: 0;
      height: 0;
      vertical-align:top;
      content: &quot;&quot;;
      border-top: 9px solid #FFFFFF;
      border-right: 7px solid transparent;
      border-left: 7px solid transparent; 
      margin-top: 13px;
      margin-left: 4px;   
    }
  </code></pre>
  <h3>HTML CODE</h3>
  <pre><code>&lt;div class=&quot;caret-left&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>I need shadow bottom side for this triangle like a 3D effect.</p>