Glass Morphism - Effect on HVArrangement

Extensions
,
1

GlassMorphism
Effect inside the HVArrangement.

GlassMorphism
GlassMorphism1080×2400 127 KB

blocks (46)
blocks (46)1144×110 17.2 KB

ApplyGlassMorphism

Applies the Glass Morphism effect inside the Arrangement.

  • arrangement: HVArrangement to which the effect will be applied.

blocks (43)
blocks (43)866×60 11 KB

SetCornerRadius

Sets the corner radius in pixels.

  • radius: Corner radius in pixels.

blocks (44)
blocks (44)822×60 9.74 KB

SetBlurAmount

Sets the blur amount for the background filter in pixels.

  • blur: Blur amount in pixels.

blocks (42)
blocks (42)1186×60 14.2 KB

SetBorderColor

Sets the border color. Example: 'rgba(255, 255, 255, 0.3)'.

  • color: The border color in rgba format.

blocks (45)
blocks (45)832×60 10.3 KB

SetBorderWidth

Border width.

  • width: Border width in pixels.

blocks (41)
blocks (41)1254×60 14.7 KB

SetBackgroundColor

Sets the background color. Example: 'rgba(255, 255, 255, 0.2)'.

  • color: The background color in rgba format.

Extension:
joejsanz.joedevglassmorphism.aix (6.9 KB)

Thanks.

7 Likes
2

Well done Joe. An update on what I had to do to achieve the same effect...

1 Like
3

Thanks a lot Tim

Yes I saw it, it is more complicated but it is a very good result, I liked your work and what you used to achieve it.

What I did was use a web viewer built into an arrangement for more control with customization and embed html and css in that web viewer.