tailwindcss-effects - Tailwind CSS v4.1 Effects Utilities
Add shadows, filters, masks and visual effects to elements
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- apply shadows
- set shadow colors
- apply inset shadows
- set opacity
- blur elements
- adjust brightness
- modify contrast
- rotate hue
- invert colors
- saturate colors
- blur backdrop
- adjust backdrop brightness
- modify backdrop contrast
- invert backdrop
- apply masks
- set mask position
- set mask size
- set mask repeat
Inputs
- Tailwind CSS v4.1
- CSS theme variables
Outputs
- styled elements with shadows
- elements with transparency
- blurred elements
- filtered elements
- backdrop effects
- masked elements
Requirements
- Tailwind CSS v4.1
- modern browser