web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Glassmorphims effect i...
Power Apps
Answered

Glassmorphims effect in Power Apps

(0) ShareShare
ReportReport
Posted on by 64

Hello, I'm trying to get the glassmorphism effect inside my html text control but I'm not getting it.

 

I can get a rectangle with opacity as per code:

"<div
style='margin:1px;
width:"& Self.Width-25 &"px;
height:"& Self.Height-35 &"px;
background-color:rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

border-radius:16px'>
</div>"

 

But I would like to get the effect similar to this site:Glassmorphism CSS Effect Generator - Glass CSS 
for it i add this propries in my code:

 

backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);

 

But I didn't get the expected return, in fact nothing changed.

Thanks!


 

 

Categories:
I have the same question (0)
  • LuizVicente Profile Picture
    984 Super User 2024 Season 1 on at

    It's weird, but Power Apps doesn't work with backdrop-filter or filter, only box-shadow works. But I think you can get some ideas here.

  • Danilo-ES-BR Profile Picture
    64 on at

    Thanks, but unfortunately it doesn't do what I want. Do you have documentation where it shows that it doesn't work?

  • Verified answer
    LuizVicente Profile Picture
    984 Super User 2024 Season 1 on at

    It's not in the official documentation, it's own experience.

    Having Issue Integrating CSS in HTMLTEXT - Power Platform Community (microsoft.com)

     

    Edge and other browsers have been supported for this property for a long time.

    CSS Backdrop Filter | Can I use... Support tables for HTML5, CSS3, etc

     

    Maybe someone at Microsoft can give us an idea of why the html control doesn't support these CSS properties.

     

    Maybe these links can help you get a similar result:

    Backdrop filter alternative (codepen.io)

    Achieving backdrop blur without 'backdrop-filter' - DEV Community 👩‍💻👨‍💻

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Vish WR Profile Picture

Vish WR 1,055

#2
Valantis Profile Picture

Valantis 666

#2
11manish Profile Picture

11manish 666

Last 30 days Overall leaderboard