Grow your CSS skills. Land your dream job.

product of boredom (spooky camera effect)

  • # September 14, 2009 at 11:31 am

    So I wanted to show this to someone, but It’s probably too basic to actually make it to the tips and tricks sections, so i’ll share in off topic!

    Spooky/Creepy Camera Focus Effect! http://ninjafocus.com/sandbox/spooky/

    lil bit of css, lil bit of jquery..

    I had actually built this effect the guts of 10 years ago using Flash. I had intended to make a short screencast on how i planned to port it in to 2009 using screenr but alas, I couldn’t make it fit in 5 minutes.

    It’s a simple enough effect, I have 2 images with the focus point being in the background/foreground respectively. Then a simple alpha fade on a random timer and random speed creates the illusion of camera focusing erratically. With a couple of randomly positioned overlays to finish it off.

    I think the end effect is pretty cool though, so I thought I’d share it anyway. The results of an afternoon of designers block.

    Cheers

    Rob
    # September 14, 2009 at 11:50 am

    Love this. Nice job! :D

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".