html - CSS box shadow around triangle -


I need to create a triangle with a drop shadow using simple HTML and CSS. In response to another stack overflow question, I was able to make triangles with mitered borders. In fact, I create a very wide range and 1 side of a box with a wide transparent border near the side:

  div.triangle {border-bottom: 60px solid transparent; Border-left: 60 px solid black; }   

Works great, but when I try to apply a box-shadow, then the side goes around the taboo class ... no triangle:

  div Triangle {border bottom: 60px solid transparent; Border-left: 60 px solid black; -WebKit-box-shadow: 10 10px black; }   

How do I get a triangle using CSS / html with a drop shadow?

It seems impossible, definitely using a fiction is a simpler solution I made something like a triangle Sorry :) Sorry you can not leave any comments below your post. Maybe it works like inspiration for somebody;

Comments