Skip to main content
🌸 Hana - a canvas for interactivity Effects in Hana

Effects in Hana

The Effects Panel in Hana adds visual enhancements like shadows and blurs to shapes, text, and frames. These effects bring depth and polish to your designs.

When selecting any shape, text, or frame, the Effects Panel appears in the right-side properties panel, just below the Fill and Stroke panels. From here, you can apply and adjust multiple visual effects.

You can apply and stack multiple effects, adjusting them to fit your design needs:

Drop Shadow

Creates a shadow behind an object, adding depth.

  • Properties: Offset (X, Y), Blur, Spread, Color & Opacity

Inner Shadow

Applies a shadow inside the edges of an object, creating a subtle “pressed-in” or embossed effect.

  • Properties: Offset (X, Y), Blur, Spread, Color & Opacity

Layer Blur

Blurs the entire object and its contents for a soft, out-of-focus effect.

  • Use: Great for background elements or creating depth.

Background Blur

Blurs the content behind the object, perfect for a frosted-glass effect.

  • Tip: Lower the Fill Opacity to reveal the background blur effect.

Progressive Blur

Both Layer Blur and Background Blur can use progressive blur. Progressive blur creates a directional blur between two points, each with its own adjustable blur value. Use the blur control line to define the direction and customize how the blur transitions across the object.