Grow your CSS skills. Land your dream job.

CSS3 Transition moving whole website down

  • # January 17, 2013 at 4:15 am

    Hi, I’m not new to web development, but I do have experience. But I’m really stuck on the **transition** property.
    I want to have link elements that, when hovered over, transition down from top. So the link image starts from 25px, with no top margin, then extends down to 45px.
    When I try to do this, it just extends up and not down and the whole web page moves with it.
    Am I getting confused as to what the **transition** property does, or am I being an idiot?

    # January 17, 2013 at 5:36 am

    Maybe this post will help. http://css-tricks.com/forums/discussion/comment/88616#Comment_88616 if not please give some examples of the effect you want to achieve.

    # January 17, 2013 at 5:38 am

    Can you show us what you already have? Create a [codepen](http://codepen.io) for great success.

    If you want the menu to move position without affecting the rest of the page then you might have to use relative & absolute positioning, that way they won’t affect the rest of the document flow.

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

You must be logged in to reply to this topic.

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