Skip to content

miguderp/gooey-hover-codrops

 
 

Repository files navigation

Gooey Hover Effects on Images with Three.js

Learn how to create a gooey reveal hover effects on images with Three.js using noise within a shader.

Thumbnail Gooey Hover Effect

Article on Codrops

Demo

Installation

Run this command in the terminal

npm install

Compile the code

npm run build

Compile the code with a local server

npm run watch

Credits

License

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.

Misc

Follow Arno: Twitter, Dribbble, Instagram, GitHub

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2019

About

Gooey Hover Effects on Images with Three.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 34.0%
  • HTML 33.1%
  • CSS 18.9%
  • GLSL 14.0%