Forums

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

Home Forums CSS What am I doing wrong, css Triangles on before/hover

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #171212
    Attila Hajzer
    Participant

    http://codepen.io/attilahajzer/pen/qmjld?editors=110

    when you hover over the nav item i want the name to slide right, and display an arrow sliding in from the left at the same time..

    #171220
    Atelierbram
    Participant

    My reply is getting stuck in the spam-filter, it seems.

    Did fork your pen

    #171222
    Atelierbram
    Participant

    @Attila Hajzer Forked your pen, you can find the link to it in a comment when you go to details in your codepen example. Don’t know where this arrow-left class in the CSS comes from, for it is not in the HTML, (copy/paste accident ?).

    Changed a few things around: first put the property/values in the pseudo :before element of the link tag, instead of the list-item, gave it absolute position to get it out of the flow, and made the border-color and margin-leftchange and transition on hover.

    Reply wasn’t working first few times @Paulie_D : had embedded fork of pen, tried it a few times (too much ?)

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