This topic has 2 replies, 2 voices, and was last updated 10 years by metalmick.

  • Author
  • #16581
     metalmick
    Participant

    On Sweetdate the avatars have a lovely smooth ‘double bounce’ effect on hover. I want to add this effect to some of my plugin avatars so everything matches. At the moment I’m using this:

    .avatar:hover{
    transform: rotate(0deg) scale(1.05) skew(1deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.05) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.05) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.05) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.05) skew(1deg) translate(0px);
    }

    This produces a basic single flash but doesn’t look as good as the double bounce.
    Does anyone know what the code is for the double bounce?

    #16590
     SQadmin
    Keymaster

    Yes, it seems that someone knows, just kidding 😉
    I created an example for you, take a look: double bounce

    Regards,
    Robert

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #16596
     metalmick
    Participant

    Many thanks! 🙂

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

The forum ‘Sweetdate Landing Page – HTML’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?