title: Invert rounded corner in CSS?
body: <p>I have a css code:</p>
  
  <pre><code>-moz-border-radius-topleft:50px;
  </code></pre>
  
  <p>I get the result:</p>
  
  <p><img src="https://i.stack.imgur.com/tbOa9.jpg" alt="rounded corner"></p>
  
  <p>Is there any possibilities to give like this:</p>
  
  <p><img src="https://i.stack.imgur.com/pl411.jpg" alt="inverted rounded corner"></p>