title: Using SVG to clip (or mask) a DIV
body: <p>I've googled a lot and I've just given up, so I'll turn to the experts out there to see if someone can help me in my quest.</p>
  
  <p>I've got a logo converted to .SVG through illustrator. </p>
  
  <p>My objective is to use that logo to clip (or mask if you prefer) an entire div so that just a small part of it shows through and you can see the background.</p>
  
  <p>I decided to go the .SVG way since I want to create this website as a full scalable experience, and thus a .png would not work accurately from full HD resolutions to 1024x768.</p>
  
  <p>So firstly I would like to know how to clip a Div and at the same time how to "inverse clip" so that instead of just showing that part of the div it would show everything but it.</p>
  
  <p>I'll be eagerly awaiting your answers as I really need them...</p>
  
  <p>Thank you in advance. </p>