Glassmorphism is a current user interface (UI) design approach that has gained prominence in recent years. The word itself combines the words “glass” and “morphism,” representing the essential elements of the style.

Steps to Create a Glassmorphism Effect in Power Apps:

Go to your Canvas App and add a background image or color to the screen.

Next change the Html text with the below code

“<div style =’ width:”& Self.Width-100&”px; height: “&Self.Height-100&”px; background:rgba(100,100,100,0.5);backdrop-filter: blur(5px); border-radius: 65px 65px 65px 65px ‘> </div>”

After changing the formula in HtmlText it will apper like below.

Now we can design the page based on our requirement and i have designed a sample page you can find it below.

For Any Help or Queries Contact us on +918096556344 or info@crmonce.com