Expanding Word on Hover Question

Discussion in 'HTML & Website Design' started by phaze3131, Feb 12, 2016.

  1. #1
    This site here has a really cool hover over the outer navigation links, the word expands on hover:
    http://www.danielspatzek.com/

    I have been trying to figure it out by inspecting with Chrome but I don't see what is causing this.

    1) what is it?
    2) how can I figure it out, with Chrome inspect?

    Thanks so much guys!!
    [​IMG]
     
    phaze3131, Feb 12, 2016 IP
  2. hdewantara

    hdewantara Well-Known Member

    Messages:
    538
    Likes Received:
    47
    Best Answers:
    25
    Trophy Points:
    155
    #2
    That's easy... thru Firefox :)
    Turn on Inspector and while your mouse is still within hovering range, right-click and press Q. I thought Chrome has same steps too, no?
    .newsblog_menuitem:hover {
        letter-spacing: 12px;
    }
    Code (CSS):
     
    hdewantara, Feb 12, 2016 IP
  3. phaze3131

    phaze3131 Well-Known Member

    Messages:
    538
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    140
    #3
    I don't see it :( I don't see the "hover" at all.

    [​IMG]
    I do see both the same things in FF and Chrome so that's good.
     
    phaze3131, Feb 12, 2016 IP
  4. hdewantara

    hdewantara Well-Known Member

    Messages:
    538
    Likes Received:
    47
    Best Answers:
    25
    Trophy Points:
    155
    #4
    Here,
    I hope this helps.
     

    Attached Files:

    hdewantara, Feb 12, 2016 IP
    kk5st and sarahk like this.
  5. phaze3131

    phaze3131 Well-Known Member

    Messages:
    538
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    140
    #5
    I found out the problem, by accident! I had to right click the mouse in the inspect window and select "hover" because it wasn't showing it by default! omg what a pain! thanks for the help much appreciated!
     

    Attached Files:

    phaze3131, Feb 12, 2016 IP