simona6 Posted Tuesday at 07:24 AM Share Posted Tuesday at 07:24 AM 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 Tuesday at 03:42 PM Share Posted Tuesday at 03:42 PM 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.