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
Post a Comment