CSS Highlight on Hover Animation

CSS Highlight on Hover Animation

CSS, HTML5Edit Post
highlight-hover

I saw this great little highlight hover animation on Web Designer Depot the other day and I wondered how it worked. Turns out it's just a few lines of CSS along with some background-position and gradient tricks.

Check the video for a quick explanation on how it works. Enjoy!

https://codepen.io/wesbos/pen/yepexZ

https://youtu.be/qii-5ZpLLYY

Find an issue with this post? Think you could clarify, update or add something?

All my posts are available to edit on Github. Any fix, little or small, is appreciated!

Edit on Github

← Prev

My Animated GIF Workflow πŸ”₯

Next β†’

An Intro To Using npm and ES6 Modules for Front End Development