Animating Border

medium bookmark / | animating border, border Transitioning border for a hover state. Simple, right? You might be unpleasantly surprised. #The Challenge The challenge is simple: building a button with an expanding border on hover. This article will focus on genuine CSS tricks that would be easy to drop into any project without having to touch the DOM or use JavaScript. The methods covered here will follow these rules Single element (no helper divs, but psuedo-elements are allowed) CSS only (no JavaScript) Works for any size (not restricted to

This article is curated from, click below to view it:

Use the best tool

Find out more about prototyping tools with our prototyping comparison tool:

✌Join us for more

1000s have recommended us, sign up today for free.

  • Stay up to date with prototyping tools and design news.
  • Comment and give feedback.
  • Become an author and share your expertise.
Sign Up

Leave a Reply