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

What is Framer? Join the Community
Return to index
Sander Värv
Posted Mar 17 - Read on Facebook

Is it possible to animate webkitClipPath? What I'm trying to achieve, is grow the mask size without moving the masked image.

Should this be done with SVG instead? Any examples?

Here's what I have so far (doesn't work):
http://share.framerjs.com/mlm78d3b0irl/

2 Comments

Sander Värv

figured it out:
http://share.framerjs.com/2tdptjakuhht/

But still would love to see other ways to accomplish this :)

Benjamin Den Boer

Hey Sander Värv — check out this little example, too: you can use clipPaths to transition between different types of shapes, too! It's really fun to play around with. :-) http://share.framerjs.com/57qxwq3d93mz/

Read the entire post on Facebook