What you made is not something new. You can see in apples liquid glass design the lights actually bend like in a real glass. Along the borders. But in your case it just a blur
At the moment, unfortunately, it's not possible to fully replicate the distortion using just CSS. There are other projects that manage to reproduce Apple’s effect quite well — there's an amazing one in the comments — but they have very limited support on some browsers. I tried to get as close as possible while keeping broad browser support.
What you made is not something new. You can see in apples liquid glass design the lights actually bend like in a real glass. Along the borders. But in your case it just a blur
At the moment, unfortunately, it's not possible to fully replicate the distortion using just CSS. There are other projects that manage to reproduce Apple’s effect quite well — there's an amazing one in the comments — but they have very limited support on some browsers. I tried to get as close as possible while keeping broad browser support.
In the recent Telegram update for example. They perfectly reproduced this effect !!🤩
You're right but for a beggining it's quite plausible