1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Expanding Word on Hover Question

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

0
  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:
    536
    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:
    537
    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:
    536
    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:
    537
    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