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

Try this fiddle out, it should set you on your way for what you're looking for.

#notched {
     width: 0px;
     height: 0px;
     border-right: 60px solid transparent;
     border-top: 60px solid #d35400;
     border-left: 60px solid #d35400;
     border-bottom: 60px solid #d35400;
}

Updated fiddle