Go to homepage

Projects /

Backdrop Filter

← CSS Utilities

Apply graphical effects to the area behind an element using the backdrop-filter utility classes:

CSS Class Description
b{p}ackdrop-blur-10 backdrop-filter: blur(10px);
b{p}ackdrop-blur-20 backdrop-filter: blur(20px);

A video is being shown

Rename Project

Project duplicated

Project created

Globals imported

Preview of the components Preview of the components

Unlock all the Pro features

  • 404 components
  • 10 premium templates
  • Future updates
  • Unlimited projects
  • One-click project export
  • One-time payment, lifetime access

There was an error while trying to export your project. Please try again or contact us.