Isn’t this a lot of fun? One might say it’s a llama fun…

Ever wondered how those cool blur effects work on mouse hover? Or perhaps you’re simply looking for another way to jazz up your web project and add a tool to your bag of web tricks. Either way, I’m here to show you how to get a silky smooth blur hover effect using just HTML and CSS.

(Note: ‘backdrop-filter’ is not supported by IE, Firefox for Android and Firefox v70+. You can use ‘filter’ instead for improved support.)

Show me the code!

For those who already know HTML and CSS like the back of their keyboard, here’s the Codepen. …

Patrick Cho

Web development, UX design, product management <3 ... need I say more

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store