Glassmorphic backgrounds

[sasafister]

Hi guys..As there is more and more need for blurry backgrounds, maybe it's good idea to create some classes for blurry backgrounds... This is definitely a new trend, obvious seeing more and more glassmorphic design everywhere, including need for myself...So this article explains a lot.

Glassmorphism in user interfaces

I would love to hear what you think. It will be cool to have this natively included in some version of TW.

Keep up with good work guys!

Greets from Croatia

[MartinHughes-BPC]

I'd love this too - there's an open PR to implement filters and background-filters: #1881

I think Adam is taking the time to think about how best to implement these in Tailwind CSS.

Cheers,
Martin.

[MathGeniusJodie]

in the meantime https://github.com/benface/tailwindcss-filters

[Jinsung-L]

I built a plugin for CSS filters and backdrop filters.
You can apply multiple filters at once using this plugin.
https://github.com/Jinsung-L/tailwindcss-filters

I think applying the backdrop filter with a white background color and a bit of transparency will work for the glassmorphic design.

[sasafister]

Nice work! I will check it out.