A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. Our previous article, Understanding the CSS Clip Property by Hugo Giraudel offers a great overview of the CSS clip property and the rect() function. Today we want to explore the practical side of it a little bit more. We are going to create a neat and simple effect for revealing some e
![Putting CSS Clip to Work: Expanding Overlay Effect | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/4f709a8258a49549a00a21c70f98034989a28be9/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2013%2F01%2FExpandingOverlay.jpg%3Fx82873)