Forums

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

Home Forums CSS [Solved] CSS Background Color Transition on Hover, Left to Right

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #206504
    Kevin Mamaqi
    Participant

    Hello,

    I’m trying to create a background color transition, moving from left to right when the link is on hover, but it isn’t working. It is making the transition, but not the left to right effect.

    I’m trying to achieve this effect (Third button, first row): http://tympanus.net/Development/CreativeButtons/

    This is the pen: http://codepen.io/kevinmamaqi/pen/bdJazL

    #206505
    Paulie_D
    Member

    What are you using to make the transition…it’s not clear to me?

    …and the demo is way too cluttered…could you reduce the code down to just the relevant parts.

    What you might try to do is inspect the examples code using Developer Tools and reproduce.

    This is actually a fairly simple effect.

    #206506
    Kevin Mamaqi
    Participant

    Hello Paulie_D,

    I copied the code from the example, but I don’t know why it isn’t working. Now I updated the pen, so it woukd be easy to understand.

    I know that the effect seems pretty simple, but I can’t make it to work.

    #206507
    Paulie_D
    Member

    Here’s one I found I’d done some time ago…it might help.

    http://codepen.io/Paulie-D/pen/jPRZMd

    #206512
    Kevin Mamaqi
    Participant

    Doesn’t work because it requires a transparent button and a custom background. I found a solution using the following code: http://codepen.io/kevinmamaqi/pen/bdJazL

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