This content originally appeared on Codrops and was authored by Mary Lou
Already a while back, we explored applying SVG filters to images that appear when hovering a menu item. Today I thought that it would be interesting to play with a similar effect on thumbnails.
So the idea is to hover a small image and apply an SVG filter to it while sliding in another element, a caption that covers the image.
This kind of animation adds that little special extra to a design component like this. I really hope you like it and that it inspires you for new ideas.
I’ve used a different filter on each one of the images, so you can get an idea on the different possibilities here.
Please download it and use it as you wish, and thanks for stopping by!
Let me know what you think of it @crnacura or @codrops.
The post Thumbnail Hover Effect with SVG Filters appeared first on Codrops.
This content originally appeared on Codrops and was authored by Mary Lou
Mary Lou | Sciencx (2021-06-09T12:07:04+00:00) Thumbnail Hover Effect with SVG Filters. Retrieved from https://www.scien.cx/2021/06/09/thumbnail-hover-effect-with-svg-filters/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.