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?
Can you show us what you already have? Create a codepen 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.
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?
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.
Can you show us what you already have? Create a codepen 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.