Skip to main content

An online tool which generates the code for a lazy-loaded blurred background-image – WIP in alpha

- (update: )

Show layers:

Image drop zone

Drag & drop image file here

Settings

Background-color settings

Blur settings

Image settings

Overlay settings

Code output

Colour format
Background-color (averaged):
Blurred image data-uri (0 bytes):

Generated code:

CSS
HTML
JS

Socialise: