Forums

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

Home Forums CSS active state for css3 animation.

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #195820
    css_fan5
    Participant

    Hello,

    I will be as descriptive as I can be. I have a nav bar and I gave each element a CSS3 translate effect. However, I want to add a active class to selected element so it will be exactly as the hover state of itself. I translate y axis by 4px up on hover but when I create a class with 4 px bottom border it messes up everything. I am posting my code below, any help is much appreciated.

    My CSS starts below line 116. Anything above is from Foundation.

    http://codepen.io/anon/pen/yyvNZm

    Many Thanks…

    #195821
    css_fan5
    Participant

    You can see the code here: http://jsfiddle.net/nnqjzp0v/

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