To make your designs truly stand out, Handoff has support for various advanced effects.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4f2f9bd7-6d79-4309-83b6-1185fd1761e8/Screenshot_2021-05-10_at_09.43.40.png

Opacity

Change the opacity by dragging the slider or manually entering a value.

Blend Content

Set how an elements content should blend with the parents background. For examples on how this works, check out this article on MDN.

Blend Fill

Set how an elements fill should blend with each other. For examples, check out this article on MDN.


https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f2075bff-a47b-43e0-9cfc-8081c9a85008/Screenshot_2021-05-10_at_09.49.10.png

Shadows

There's support for setting multiple shadows. You can define the distance (x, y), size, blur and color of the shadow. There's also the option to set an inset shadow.


https://s3-us-west-2.amazonaws.com/secure.notion-static.com/028b1b59-30a8-42b1-a551-54679b757aeb/Screenshot_2021-05-10_at_09.52.27.png

Filters