Fade

Head to the desktop site to copy.

Updated:

Nov 8, 2023

Type:

Override

Fades the alpha value of any layer. Comes with 4 functions to fade from different directions.

For each function you can change the target opacity and width of the effect (in %):

fadeToOpacity: number = 0.2, // opacity between 0 and 1
fadeWidthPercent: number = 50 // 50% fade width in %

As overrides can't accept props like code components, you'll need to create new functions for every unique combination of opacity/width/direction that you want to use.

How do I add code overrides?

Found a bug? Have an idea?

hi@framer.today