A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy’s website.
From our sponsor: From online stores to member areas, Squarespace is everything you need to sell anything.
The other day I stumbled upon this really nice hover effect on buōy’s website. It shows a tilted image that’s pixelated, with an awesome glitch effect. I totally love this and wanted to created my own CSS-only version, using the CSS glitch effect.
The pixel effect is made with a CSS trick using
image-rendering: pixelated. Read all about it in this article by Robin Rendle over at CSS-Tricks.
I hope you enjoy this playful effect and find it useful!