Background Scale Hover Effect with CSS Clip-path
In Playground by Manoela Ilic
A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.
In Playground by Manoela Ilic
A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.
In Playground by Manoela Ilic
A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.
In Tutorials by Francesco Michelini
Learn the basics of GLSL while creating a distorted mask effect on images using Babylon.js.
In Tutorials by Arno Di Nunzio
Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader.
In Tutorials by Niccolò Miranda
In this tutorial you will learn how to achieve interesting looking hover effects with image distortions using Three.js.
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu’s new portfolio.
In Playground by Robin Delaporte
A set of WebGL demos using OGL that show an interactive fluid distortion hover effect.
In Tutorials by Ryan Mulligan
Walk through the build of a React slider and learn how to implement a parallax hover effect.
In Playground by Manoela Ilic
An experimental web layout where several image columns get animated out when a menu item is clicked.
A tutorial on how to create a visually distinct and accessible WebGL menu that builds from any given HTML navigation.
In Tutorials by Daniel Velasquez
A recreation of the sticky image effect seen on the websites of MakeReign and Ultranoir using three.js.
In Playground by Manoela Ilic
Three distortion effects powered by SVG filters that are applied to an image when hovering a link.
In Tutorials by Stefan Kaltenegger
A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels.
In Tutorials by Ion D. Filho
A tutorial on how to recreate the interactive repulsion effect of grid items seen in BestServedBold’s Dribbble shot “Holographic-Interactions”.
In Playground by Manoela Ilic
A set of link hover effects that reveal a thumbnail in different creative ways.
In Playground by Manoela Ilic
A fullscreen loop effect that shows a fast preview of images when hovering a special menu item.
In Playground by Manoela Ilic
A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.
In Playground by Manoela Ilic
We’re exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it.