# Css mask

**URL:** <https://forum.kirupa.com/t/css-mask/213000>\
**Category:** Uncategorized\
**Created:** [January 16, 2007, 7:53am UTC](https://forum.kirupa.com/t/css-mask/213000 "2007-01-16T07:53:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ryan786](https://avatars.discourse-cdn.com/v4/letter/r/f17d59/32.png) [@ryan786](https://forum.kirupa.com/u/ryan786)\
**Post date:** [January 16, 2007, 7:53am UTC](https://forum.kirupa.com/t/css-mask/213000/1 "2007-01-16T07:53:15Z")

</div>

hey guys, I was trying to recreate a very basic masking effect using css that I had seen somewhere a while ago, and came up with this: [http://web.mit.edu/ryan786/www/test/test.html](http://web.mit.edu/ryan786/www/test/test.html) (mouse over the grey strip).

That’s all well and good, but I couldn’t figure out how to mask something larger than the shape it’s hiding behind. Like this: [http://web.mit.edu/ryan786/www/test/blah.html](http://web.mit.edu/ryan786/www/test/blah.html)

Any thoughts?