Support » Plugins » Make Links "Dance" When Hovered

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@alchymyth)

    Forum Moderator

    format the a:hover with a different left margin or padding as the link.

    http://www.w3schools.com/css/css_link.asp

    WooThemes does it with this:

    #footer #sitemap ul li a:hover {
    text-decoration: none;
    position: relative;
    left: 2px;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    }

    The position attribute sets the final position, and the transition stuff provides the animation effect.

    You guys are awesome!

    Thanks to both of you!

    M

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make Links "Dance" When Hovered’ is closed to new replies.