properties
changelog

Backdrop Blur Filter

Apply backdrop blur filter effect to elements.

Usage:

  • @filter backdrop-blur-*;

Reference

shilp.config.js
const shilpConfig = {
	source: "react",

	properties: {
		filter: {
			backdrop: {
				blur: {
					property: "backdrop-filter: blur(<v>)<i>;",
					resolve: "spacing",
					themeKey: "blur",
					values: {},
				},
			},
		},
	},
};

export default shilpConfig;