Loading…
Dial in the blur, transparency, tint and border over a deliberately busy backdrop — because glass is a relationship with what's behind it — then copy the exact rule the preview is using, -webkit- prefix and graceful fallback included.
Frosted glass
The rule below is the one styling this panel — blur, tint, border and all.
The CSS
background: rgba(255, 255, 255, 0.18); -webkit-backdrop-filter: blur(12px) saturate(140%); backdrop-filter: blur(12px) saturate(140%); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 16px;
Set what you want and the result appears as you go. Nothing needs uploading because there is nothing to upload — you are describing what to make, not sending us anything.
Your browser does all the work locally, using your own operating system where randomness is involved. Nothing is requested from a server, so nobody else has a copy of what you made.
One press puts it on your clipboard, ready to paste where you need it. There is no file to download — the result is text, not a document. Nothing is kept — refresh the page and it’s gone, so take what you need before you leave.