Creating a transparent inner notch?

Question

I know how to create a notch on the outside like:

div:after {
    content: \'\';
    display: block;
    width: 20px;
    height: 20px;
    -webkit-transform         


        

Answer 1

Here's an example using SVG clipping.

jsFiddle Demo