Share Facebook Twitter Pinterest LinkedIn Apple downloaded a minecraft shader and call it “liquid glass” game pcPCPC Master 12 Comments cdsams 1 year ago We’re getting recycled features from 2007. AnnoyingInternetTrol 1 year ago I heard liquid glass and I’m thinking its a new type of glass for their screen. I look it up, its just a fucking theme for the homepage. Thick_Candy_9858 1 year ago Liquid ass. strivv 1 year ago Also, it’s the bad version of vista’s translucency implementation Vast-Finger-7915 1 year ago if you cared to look it up, you’d see that it’s definitely NOT just a blur iPantsMan 1 year ago This is a bit more complicated, here is the approximate code, but without the light refraction effect: https://preview.redd.it/5tajpqlhpf7f1.png?width=1627&format=png&auto=webp&s=7a78e6c28b86adaa0ea76b14a0e9522cca1769b8 <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Liquid Glass</title> <style> body { margin: 0; padding: 0; height: 100vh; background: url(‘https://images.unsplash.com/photo-1519125323398-675f0ddb6308’) no-repeat center center/cover; display: flex; align-items: center; justify-content: center; font-family: sans-serif; } .glass { width: 300px; height: 400px; background: rgba(255, 255, 255, 0.1); border-radius: 24px; backdrop-filter: blur(20px) saturate(150%); -webkit-backdrop-filter: blur(20px) saturate(150%); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; } .glass::before { content: ”; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.3), transparent 60%); transform: rotate(30deg); pointer-events: none; } </style> </head> <body> <div class=”glass”> </div> </body> </html> SirPomf 1 year ago Say goodbye to ⅓ if your battery life JgdPz_plojack 1 year ago Sounds like Jeremy Clarkson quote title  Apprehensive-Ant6771 1 year ago This is giving me serious [Infinity glass icon theme](https://github.com/rogts/infinity-icon-theme) vibes CheeseMoonTheory 1 year ago Lol Dchoper 1 year ago https://preview.redd.it/i9ynowvo1g7f1.jpeg?width=1080&format=pjpg&auto=webp&s=e2646c1f9dec7be804d2fa8b638a13e8a418cc59 Smooth-Ad2130 1 year ago Liquid ass Write A CommentYou must be logged in to post a comment.
AnnoyingInternetTrol 1 year ago I heard liquid glass and I’m thinking its a new type of glass for their screen. I look it up, its just a fucking theme for the homepage.
Vast-Finger-7915 1 year ago if you cared to look it up, you’d see that it’s definitely NOT just a blur
iPantsMan 1 year ago This is a bit more complicated, here is the approximate code, but without the light refraction effect: https://preview.redd.it/5tajpqlhpf7f1.png?width=1627&format=png&auto=webp&s=7a78e6c28b86adaa0ea76b14a0e9522cca1769b8 <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Liquid Glass</title> <style> body { margin: 0; padding: 0; height: 100vh; background: url(‘https://images.unsplash.com/photo-1519125323398-675f0ddb6308’) no-repeat center center/cover; display: flex; align-items: center; justify-content: center; font-family: sans-serif; } .glass { width: 300px; height: 400px; background: rgba(255, 255, 255, 0.1); border-radius: 24px; backdrop-filter: blur(20px) saturate(150%); -webkit-backdrop-filter: blur(20px) saturate(150%); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; } .glass::before { content: ”; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.3), transparent 60%); transform: rotate(30deg); pointer-events: none; } </style> </head> <body> <div class=”glass”> </div> </body> </html>
JgdPz_plojack 1 year ago Sounds like Jeremy Clarkson quote title 
Apprehensive-Ant6771 1 year ago This is giving me serious [Infinity glass icon theme](https://github.com/rogts/infinity-icon-theme) vibes
Dchoper 1 year ago https://preview.redd.it/i9ynowvo1g7f1.jpeg?width=1080&format=pjpg&auto=webp&s=e2646c1f9dec7be804d2fa8b638a13e8a418cc59
12 Comments
We’re getting recycled features from 2007.
I heard liquid glass and I’m thinking its a new type of glass for their screen. I look it up, its just a fucking theme for the homepage.
Liquid ass.
Also, it’s the bad version of vista’s translucency implementation
if you cared to look it up, you’d see that it’s definitely NOT just a blur
This is a bit more complicated, here is the approximate code, but without the light refraction effect:
https://preview.redd.it/5tajpqlhpf7f1.png?width=1627&format=png&auto=webp&s=7a78e6c28b86adaa0ea76b14a0e9522cca1769b8
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Liquid Glass</title>
<style>
body {
margin: 0;
padding: 0;
height: 100vh;
background: url(‘https://images.unsplash.com/photo-1519125323398-675f0ddb6308’) no-repeat center center/cover;
display: flex;
align-items: center;
justify-content: center;
font-family: sans-serif;
}
.glass {
width: 300px;
height: 400px;
background: rgba(255, 255, 255, 0.1);
border-radius: 24px;
backdrop-filter: blur(20px) saturate(150%);
-webkit-backdrop-filter: blur(20px) saturate(150%);
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
}
.glass::before {
content: ”;
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.3), transparent 60%);
transform: rotate(30deg);
pointer-events: none;
}
</style>
</head>
<body>
<div class=”glass”>
</div>
</body>
</html>
Say goodbye to ⅓ if your battery life
Sounds like Jeremy Clarkson quote title

This is giving me serious [Infinity glass icon theme](https://github.com/rogts/infinity-icon-theme) vibes
Lol
https://preview.redd.it/i9ynowvo1g7f1.jpeg?width=1080&format=pjpg&auto=webp&s=e2646c1f9dec7be804d2fa8b638a13e8a418cc59
Liquid ass