title: CSS circle mask
body: <p>I am looking to create a dark mask at the bottom of a circle that is contained in the main circle. </p>
  
  <p>can you do this using css masks? </p>
  
  <p>Please see <a href="http://jsfiddle.net/q1eqq36u/" rel="nofollow">fiddle</a></p>
  
  <pre><code>&lt;div id="profile-pic-wrap"&gt;
    &lt;div id="profile-pic"&gt;
      &lt;div class="profile-btn-bg"&gt;
        &lt;a href="#" class="profile-pic-btn"&gt;Change Profile&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks </p>