Thomas Sampson

Cool Focus Blackout

Leave a comment

I noticed lately that a lot of sites try to mimic windows focusing by bluring out the website and placing a focused window ontop. To see what i mean goto and click login

this can be achieved quite easily.

put the following div in your page (where “testing123″ can be changed)

<div id=”testing123″ style=”filter: alpha(opacity=0); -moz-opacity:.0; background-color:Black;width:10px; height:100px;”>

focused content here


next use this function to set the focus

function blankscreen()

to unfocus use something like



Author: tomtech999

I have recently graduated with a 1st class degree in MComp Games Software Development at Sheffield Hallam University, focusing primarily on application development in C++, with experience in graphics programming, scripting languages, DVCS/VCS and web technology. In my spare time I enjoy Drumming, Reading and Snowboarding!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s