masked-image-animation/index.html

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Masked image animation</title>
    
    
    
    
        <link rel="stylesheet" href="css/style.css">

    
    
    
    
  </head>

  <body>

    <div class="🍕">
    <div class="🍗">Hover me</div>

    <div class="🍜">
        <div class="color-overlay"></div>
        <div class="white-overlay"></div>
        <div class="img-wrapper">
            <img src="http://www.journaldugeek.com/wp-content/blogs.dir/1/files/2015/09/chewie-comic.jpeg">
        </div>
    </div>

</div>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js'></script>

        <script src="js/index.js"></script>

    
    
  </body>
</html>