Here is my latest exploration about how to animate SVG elements created with @Framer.
1. How to animate line stroke using the stroke array offset technique with a SVG path draw with Framer.
The technique is based on the premise of manipulating the CSS DOM and creating custom keyframes.
2. If you tap on the screen you will run transitions over the SVG elements using Framer's native API.
There are many animation techniques that we can leverage on top of SVG. My challenge was to implement something without using a third-party library such as GSAP.
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in