SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Zealot
    Join Date
    Jul 2008
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Want to make a "coming into focus" navigation

    Hi Sitepointers!

    I have an idea for a rollover animation that is basically this:



    then on rollover, this:



    I'm thinking either two .jpgs -- the opacity of the blurry one on top reduces on rollover seemingly coming into focus OR css3 transition where two semi-transparent .pngs actually move to come into focus!

    Any ideas about plugins, code, etc to accomplish this?
    tweeting: @biklops

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,684
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    An extreme version of blurring text on hover with CSS3 can be found at:
    http://lab.simurai.com/css/iloveblur/
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •