Hi, guys :cherry_blossom:I found that CSS can create glassmorphism, which is cool, as you can set up everything from exact color to opacity, size, outline. And I assume + performant and less work than loading Figma or any tool to create just a rectangle in glassmorphism until it’s right. Especially …

Can you see my loom? @ThinhDinh @Lucas_Pires @Robert_Petitto @Darren_Murphy @nathanaelb ? Thks everybody! @Manu.n @Jeff_Hager (have I forgotten anyone?) Argh, the video is too cropped, you don’t see the light under the door! You have to move you mouse on the video to unhide the bottom. The vide…

Thks, ThinhDinh :slightly_smiling_face:. I want anything that displays like a rectangle that covers almost full screen in glassmorphism with configurable color, size, blur, opacity, border color bonus: glowing in background It does not matter whether it’s a hack of a hint, a button, any objec…

Thks, Nat :cherry_blossom::slightly_smiling_face:. Well, I’m no designer, but Design trends matter to keep pace with user’s affordance requirements, so customers’ as well. They’re no longer impressed by mobile apps. They know how to use them. If your app has great features but poor and “interchange…

Thks, Lucas :cherry_blossom: Yes, Please! @Pedroydzito :cherry_blossom::slightly_smiling_face: From my educated guess, maybe you can only hack with CSS only existing objects like components, not to introduce a shape like a rectangle out of nowhere. So maybe it can be a hack of the hint, the butto…

Thks, Pedro! May all the Muses amuse you! Should you come up with sth else, please let us know. I wish you the best tests. If it’s a no go, well, so be it :slightly_smiling_face: Bonne chance! Good Luck!

You don’t necessarily have to restrict your self to existing objects, you can write HTML then customize it with CSS in the rich text component.

Seems like this should get you halfway there: [image] CSS MessageBox Community Resources Hello, I needed a MessageBox, and since it doesn’t exist in glide, I did it with CSS. You can adapt it to your needs. For the demo, click on the “floating button” to make it appear.…

Whohoho! The whole thread looks very promising, indeed. I’ve copied the @Jeff_Hager + @Manu.n + You @Robert_Petitto CSS and I already got a box as bcg. There should be nothing to stop me from getting what I want. Even the border, the radius, the bonus shadow, and who knows, the glowing? …

[image] L.M: On 1st try, my floating button completely disappears. Ouch that hurts! I hope it’s not incompatible. When I recently implemented these modals, I had the same issue. Managed to fix that with the following: z-index:1 !important;

Oh LOL, @Darren_Alderman , so you have to hard code the floating to help it float above the crowd? How Funny! :grinning_face_with_smiling_eyes: It’s like telling so what s.he’s expected to do when it’s in his/her job description! Thks! Ach, too bad I can’t work on it now :frowning:

That’s actually for the button which sits inside the modal. The z-index brings it to the front so it doesn’t get hidden underneath.

Ok, I'm fan of Glassmorphism in dark mode, any chance I can do this?

Ask for Help

Robert_Petitto October 6, 2021, 10:19am 11

Seems like this should get you halfway there:

Topic		Replies	Views
CSS Glass Morphism Styles? Ask for Help	3	761	February 27, 2024
CSS: Can I make this button glow? Ask for Help	15	1210	October 27, 2021
Open Sesame! My 1st Trial to open a Glassmorph & Eclipse Door Project Showcase	27	795	November 7, 2021
Floating Button Glows in "Code Book" Preview, but not in my app Ask for Help	16	722	January 17, 2024
Tell Glide how you use CSS General	128	18054	December 27, 2022

Ok, I'm fan of Glassmorphism in dark mode, any chance I can do this?

Related topics