How to use CSS `filter` for visual effects

CSS filters can be used to apply visual effects to elements in web design, allowing you to add styles like blur, brightness, contrast, and grayscale to enhance your user interface.

CSS filters, visual effects, web design, user interface, CSS styles

Example of CSS Filter


        <style>
            .image {
                filter: blur(5px);
            }
        </style>

        <div>
            <img class="image" src="example.jpg" alt="Example image">
        </div>