simona6 Posted June 10 Share Posted June 10 Hi all This image is from Apple's new OS... and they called it Liquid Glass. I was wondering if there is some smart CSS you could create to turn this effect, into a Button? I know you can do blurring, but like this? with that sort of edging.. I tried a box shadow but even with rgba background of the button, it doesn't show thru. Love to see some ideas. Quote Link to comment https://forums.phpfreaks.com/topic/328586-can-you-create-the-liquid-glass-effect-in-css/ Share on other sites More sharing options...
gizmola Posted June 10 Share Posted June 10 There's been a name for this type of UI/window/panel effect for a while under the moniker of "glassmorphism". So if you do some googling for that with css, you'll find a lot of different examples. Here's one of many: https://codepen.io/kanishkkunal/pen/QWGzBwz One thing to note is that most implementations make use of backdrop-filter, and you want to check caniuse for support. Quote Link to comment https://forums.phpfreaks.com/topic/328586-can-you-create-the-liquid-glass-effect-in-css/#findComment-1654915 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.