Rohn Blake's Portfolio


Tags


Rohn Blake's Portfolio

FramerJS Gooey Effect

26th March 2015

A quick example to play with a gooey effect using the framer.js library. It's an effect where two shapes kind of gooey-morph into a larger combined shape. This image from css-tricks.com illustrates it well:
gooey-morph image from http://css-tricks.com/shape-blobbing-css/

Limitation

This example works best using the Safari browser on a Mac. It sort of works on Chrome, but the full gooey effect is a bit harsh.

Source: on github

Blog: Gooey FramerJS

rohn blake
AUTHOR

rohn blake

View Comments