Is it possible to generate a box-shadow that follows the shape of a clip-path polygon?

Question

Let\'s say I have this clip path (a triangle generated here)

-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100%         


        

Answer 1

It's not possible, I think. I would suggest you this work around.

.triangle {
font-size:100px;
color:blue;
text-shadow:0 0 10px black;
}

▲