How would I go about (Is it even possible?) creating interactions with liquid like propertieshttps://d13yacurqjgara.cloudfront.net/users/27459/screenshots/1346192/filename.gifhttps://d13yacurqjgara.cloudfront.net/users/597558/screenshots/1998465/comp-2.gif
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
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.
I built this a while ago, you can explore the code http://share.framerjs.com/lp9diqqt6yum/
(for some reason its not working for me in chrome. try safari)
Have a look here http://share.framerjs.com/fx34w4u4vqlo/
Something like this? http://jrdn.io/dOt0
Thanks to Aaron for the code to get started.
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.
It all depends the platform you're aiming for.
Damn, these are awesome
Trippy. Very cool.