Design the frosted-glass look with backdrop-blur and transparency, previewed live over a colourful backdrop — in your browser.
CSS
Tip: glass needs something behind it — put this on an element layered over a colourful background or image.
Runs in your browser. Files are never uploaded — you can go offline after the page loads.
Drop files, pick options, download. Whole folders at once, no signup, no daily limit.
The same engines the professionals use — SVGO, resvg, MozJPEG, libwebp, libavif — compiled to run in your browser.
Files are processed on your device and never uploaded. Close the tab and nothing remains anywhere.
Glassmorphism layers a blurred, semi-transparent panel over a colourful background. Tune the backdrop blur, tint transparency, saturation and border, previewed live over switchable gradients so you can see the effect the way your users will.
The generated CSS includes the -webkit-backdrop-filter prefix Safari needs. Remember: glass only shows over something — put it on an element layered above a colourful background or image. Runs in your browser.
The effect uses backdrop-filter, which blurs whatever is behind the element — so it only shows when layered over a colourful background or image.
Yes — the generated CSS includes the -webkit-backdrop-filter prefix Safari needs.
Most online converters upload your file to a server. InfyTool ships the actual encoders to your browser as WebAssembly instead, so processing happens inside your tab — faster for batches, and nothing to delete afterwards.
InfyTool is built by the same team as these free libraries.