# CSS Glass Morphism Styles?

**URL:** <https://community.glideapps.com/t/css-glass-morphism-styles/65082>\
**Category:** Ask for Help\
**Created:** [August 16, 2023, 6:20am UTC](https://community.glideapps.com/t/css-glass-morphism-styles/65082 "2023-08-16T06:20:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![l3oy8231](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l3oy8231/32/32303_2.png) [@l3oy8231](https://community.glideapps.com/u/l3oy8231)\
**Post date:** [August 16, 2023, 6:20am UTC](https://community.glideapps.com/t/css-glass-morphism-styles/65082/1 "2023-08-16T06:20:23Z")

</div>

Is there a way to customize glide with css to form Glass Morphism Styles? I’m currently working on a business plan.

Example

 ![IMG_2862](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/d/3d9d627d1c75c0039d2f02076400480cbb49f38c.jpeg)

Thank you for your advice and help 🙏🙏

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 17, 2023, 12:05am UTC](https://community.glideapps.com/t/css-glass-morphism-styles/65082/2 "2023-08-17T00:05:34Z")

</div>

I think the biggest problem here is how you apply a background to the whole webpage. A glass card might be possible via CSS in combination with a rich text component, but I’m not sure we can achieve the background.

Maybe putting the rich text components on top of a container with a background? I’m not sure if it can cover the whole webpage.

---

<div class="post-metadata">

**Author:** ![webbama\_site](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/webbama_site/32/71581_2.png) [@webbama\_site](https://community.glideapps.com/u/webbama_site)\
**Post date:** [February 27, 2024, 7:12pm UTC](https://community.glideapps.com/t/css-glass-morphism-styles/65082/3 "2024-02-27T19:12:54Z")

</div>

I have this Layer for sale at $200.  
HTML and CSS

 ![Screenshot 2024-02-27 at 11-10-07 CodePen - Glassmorphism Creative Cloud App Redesign](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/4/54b6e227c390cb5b408dce24246c70f83dac214d.png)  
 ![Screenshot 2024-02-27 at 11-09-22 CodePen - Glassmorphism Creative Cloud App Redesign](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/8/2843ea7ab88f7d600e79ad25889e6da4beda4220.png)  
Email : [webbama.site@gmail.com](mailto:webbama.site@gmail.com)  
telegram: @jinhousewe

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 27, 2024, 8:06pm UTC](https://community.glideapps.com/t/css-glass-morphism-styles/65082/4 "2024-02-27T20:06:41Z")

</div>

@webbama_site how does that apply to an actual Glide app? The code for that appears to be freely available from CodePen, but I don’t see how you would integrate it into a Glide app.