Making Sense of Clip Path
Drew Minns
2505

How would you add a shadow to a polygon?

Say to a hexagon like:

-webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
 clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
 -webkit-shape-outside: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);

Because this is surely not working:

-moz-box-shadow:10px 10px 5px #000000;
 -webkit-box-shadow:10px 10px 5px #000000;
 box-shadow:10px 10px 5px #000000;

and nor is this working:

box-shadow: 10px 10px 5px #000000;

Like what you read? Give Daniel Proebsting a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.