Exemple de code de la propriété JS / CSS clipTop.

<style>
.cadre-gris{ margin : 5px 0; }
.position {position:relative; height:200px}
.position .cadre-vert{position:absolute; bottom:0; left:0; width:150px; height:150px; background : url(/images/exemple/filter-image.jpg) no-repeat}
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
  <div class="cadre-gris position">
     <span id="exemple-desc-0">Valeur initiale</span>
     <div id="exemple-style-0" class="cadre-vert" >Effet clip</div>
  </div>
</div>
<script>
initExemple('clip',  'clip', ['rect(0, 50px, 50px, 0px)',  'auto'], 1); 
</script>