blur-md

Example Usage

Here is an example of how to use blur-md:

<div class="sm:flex sm:space-x-4">
  <img src="/placeholders/mountain.jpg" class="rounded-lg h-48 w-48 blur-md">
  <img src="/placeholders/mountain.jpg" class="rounded-lg h-48 w-48">
</div>

Resulting CSS

--tw-blur: blur(12px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

Other Blur Classes