Learn how to create a gooey reveal hover effects on images with Three.js using noise within a shader.
Run this command in the terminal
npm install
Compile the code
npm run build
Compile the code with a local server
npm run watch
- Images from Unsplash
- Three.js
- GSAP from GreenSock
- Smooth Scrollbar
- glslify
- glsl-noise
This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.
Follow Arno: Twitter, Dribbble, Instagram, GitHub
Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram