Clever Design Trick Spotted

Clever Design Trick Spotted

June 21, 2010

ThinkGeek.com, the online store for all things geek, has a very clever and subtle styling trick being used that I thought was worth pointing out to those who haven’t seen it. The black & grey robot/UFO background, fixed in place while you scroll, transforms as you hit the very bottom of a page. The grey fades to black and a zombie design appears out of nothing.

It’s clever masking trick that I haven’t seen used anywhere else before. One image has both the black robot design and the grey zombie design and, because it’s layered on top of a background that fades from grey to black at the bottom, only the black design is visible on grey and only the grey design is visible on black. Above, you can see the two in transition. Well done, ThinkGeek designers.

Posted in Web Design

Leave a Reply

Your email address will not be published. Required fields are marked *