CSS box shadow around triangle

Question

I need to create a triangle with a drop shadow using simple html and css. Answered by another stackoverflow question, I was able to create the triangle with mitered borders

Answer 1

Create a duplicate of that triangle, decolorize it, give it a negative z-index value using css, and finally off center it with CSS positioning.

div.triangle {
z-index:-1;
position:relative;
bottom:-16px;
right:-16px;
}