user profile image

A Sass mixin for a link animation where the "border" slides around the link on hover.

Comments

  1. Love this effect! Great job.

    I did make a fork with some minor changes. The biggest thing is I wanted to try to get the same effect but with less markup. Let me know your thoughts.

    https://codepen.io/theleewise/pen/ZyqLxM

  2. @theleewise So this is pretty similar to what I initially had. I was usually an actual border instead of the "border" that I'm using just made of pseudo elements. It's definitely way less markup, but not the same experience. I would definitely like to make it with way less markup, but I just haven't thought of a solution. If you look closely the transform comes in differently. And Chrome sometimes has that weird pixel rounding error so if you resize a lot you might be able to see it off a little bit more.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...