The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Tabbed navigation with CSS transitions

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #41999

    Hello again CSS peeps,

    I’m developing a new website for work, and I have wanted to use CSS transitions on the navigation.

    [Your text to link here…]( “”)

    Ideally I want it so that the coloured blocks are divs coloured with css, and the text be real text.

    I couldnt seem to get the blocks to slide down over the text, the rollover wouldn’t trigger at all.

    Here is an example using a sprite of what I’m trying to achieve (ignore the fact that the text obviously scrolls down due to the sprite.)

    [Your text to link here…]( “Nature’s Best – Test nav”)

    What I want to do is have the coloured block slide down and COVER the text below it.

    Any ideas?


    Use the adjacent sibling selector to toggle the other div. `#div1:hover + #div2 {
    //what should happen when hover.
    the div1 is the text. this doesnt have to be a div. and then after the + the div you want to effect.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.