This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Nir Benita
Posted Oct 01 - Read on Facebook

10 Comments

Jonas Treub

You can use a CSS filter. Somebody once posted an example not sure where to find it. This might help though: http://codepen.io/keithclark/pen/sEbFz

Nick Bewley

Played with it a while back: http://share.framerjs.com/lnwifyypxwob/ Not all colors / browsers seem to be applicable as this is a visual illusion as explained here: https://css-tricks.com/shape-blobbing-css/ I commented the code with the references to different methods and the applicable research. Open in Studio, search FB group for shape blobbing or shape morphing for other examples.

Arron J Hunt

I built this a while ago, you can explore the code http://share.framerjs.com/lp9diqqt6yum/

Arron J Hunt

(for some reason its not working for me in chrome. try safari)

Antonio Krämer Fernandez
Jordan Robert Dobson

Something like this? http://jrdn.io/dOt0

Thanks to Aaron for the code to get started.

Andreas Mitschke

These all don't work in chrome. SVG filters are very fragile to say the least. CSS filters are even worse.

I use goo as well, but in a more solid way. It is open for debate if something that will not be rendered sufficiently across at least modern browsers is something we should pursue for now.

Jordan Robert Dobson

It all depends the platform you're aiming for.

Andrew Nalband

Damn, these are awesome

Calvin Wilson

Trippy. Very cool.

Read the entire post on Facebook