Dither Plugin
The dither plugin for TailwindCSS is adding a dither effect to your elements by using simple CSS filters. The plugin is free to use and open-source. install dither-plugin Import into your stylesheet: …and use in your components like this: It is strongly recommended to use div-wrappers as images don't support ::after pseudo-elements. Add on top of images, combine pseudo-classes (keep the image pressed) Apply dither on top of videos and animations Make your text and custom styles dithered Use it with advanced effects and CSS filters The best thing is, it is fully compatible with Tailwind CSS and runs in every browser (which makes it unique to other plugins as Safari doesn't support SVG URI data in css filters). You can mix it up with other classes and customize it to your needs.
Explore this link on the map →