HyperFramer Symbol
hyperframer
Framer Updates: Mobile Navigations: Transitions Update

July 11, 2023 18:40

Framer Updates: Mobile Navigations: Transitions Update

This release introduces three new features designed to improve navigations in Framer. First, we've added viewport unit support to the Height property of any layer within a Smart Component. This helps you quickly design backdrops that should fade in-and-out. Second, we're extending the Transition property, which now can be added to any layer within your Variants, not just the Variants themselves. This gives you precise control over your animations, allowing you to target specific layers to animate, and exclude others. Third, we're adding support for Transitions to Link Styles, so all of your links can now be nicely animated. Combined, these features unlock new types of mobile navigations—beyond ones that animate to the viewport.

Framer Updates: Mobile Navigations: Transitions Update
Framer Updates: Mobile Navigations: Transitions Update
Framer Updates: Mobile Navigations: Transitions Update
Framer Updates: Mobile Navigations: Transitions Update

July 11, 2023 18:40

Framer Updates: Mobile Navigations: Transitions Update

This release introduces three new features designed to improve navigations in Framer. First, we've added viewport unit support to the Height property of any layer within a Smart Component. This helps you quickly design backdrops that should fade in-and-out. Second, we're extending the Transition property, which now can be added to any layer within your Variants, not just the Variants themselves. This gives you precise control over your animations, allowing you to target specific layers to animate, and exclude others. Third, we're adding support for Transitions to Link Styles, so all of your links can now be nicely animated. Combined, these features unlock new types of mobile navigations—beyond ones that animate to the viewport.

Framer Updates: Mobile Navigations: Transitions Update