Filters Plugin for Tailwind CSS
Installation
npm install tailwindcss-filters
Usage
// tailwind.config.jsmoduleexports = theme: filter: // defaults to {} 'none': 'none' 'grayscale': 'grayscale(1)' 'invert': 'invert(1)' 'sepia': 'sepia(1)' backdropFilter: // defaults to {} 'none': 'none' 'blur': 'blur(20px)' variants: filter: 'responsive' // defaults to ['responsive'] backdropFilter: 'responsive' // defaults to ['responsive'] plugins: ;
This plugin generates the following utilities:
/* configurable with the "filter" theme object */ /* configurable with the "backdropFilter" theme object */