tailwind-rs 0.2.0

Tailwind translater for html and more
Documentation
.backdrop-blur-0 {
  backdrop-filter: blur();
}

.backdrop-blur-100 {
  backdrop-filter: blur(100px);
}

.backdrop-blur-50 {
  backdrop-filter: blur(50px);
}

.backdrop-blur-8 {
  backdrop-filter: blur(8px);
}

.backdrop-brightness-0 {
  backdrop-filter: brightness(0%);
}

.backdrop-brightness-100 {
  backdrop-filter: brightness();
}

.backdrop-brightness-50 {
  backdrop-filter: brightness(50%);
}

.backdrop-contrast-0 {
  backdrop-filter: contrast(0%);
}

.backdrop-contrast-100 {
  backdrop-filter: contrast();
}

.backdrop-contrast-50 {
  backdrop-filter: contrast(50%);
}

.backdrop-grayscale-0 {
  backdrop-filter: grayscale(0%);
}

.backdrop-grayscale-100 {
  backdrop-filter: grayscale();
}

.backdrop-grayscale-50 {
  backdrop-filter: grayscale(50%);
}

.backdrop-hue-rotate-0 {
  backdrop-filter: hue-rotate();
}

.backdrop-hue-rotate-100 {
  backdrop-filter: hue-rotate(100deg);
}

.backdrop-hue-rotate-180 {
  backdrop-filter: hue-rotate(180deg);
}

.backdrop-hue-rotate-50 {
  backdrop-filter: hue-rotate(50deg);
}

.backdrop-invert-0 {
  backdrop-filter: invert(0%);
}

.backdrop-invert-100 {
  backdrop-filter: invert();
}

.backdrop-invert-50 {
  backdrop-filter: invert(50%);
}

.backdrop-opacity-0 {
  backdrop-filter: opacity(0%);
}

.backdrop-opacity-100 {
  backdrop-filter: opacity();
}

.backdrop-opacity-50 {
  backdrop-filter: opacity(50%);
}

.backdrop-saturate-0 {
  backdrop-filter: saturate(0%);
}

.backdrop-saturate-100 {
  backdrop-filter: saturate();
}

.backdrop-saturate-50 {
  backdrop-filter: saturate(50%);
}

.backdrop-sepia-0 {
  backdrop-filter: sepia(0%);
}

.backdrop-sepia-100 {
  backdrop-filter: sepia();
}

.backdrop-sepia-50 {
  backdrop-filter: sepia(50%);
}

.blur-0 {
  filter: blur();
}

.blur-100 {
  filter: blur(100px);
}

.blur-50 {
  filter: blur(50px);
}

.blur-8 {
  filter: blur(8px);
}

.brightness-0 {
  filter: brightness(0%);
}

.brightness-100 {
  filter: brightness();
}

.brightness-50 {
  filter: brightness(50%);
}

.contrast-0 {
  filter: contrast(0%);
}

.contrast-100 {
  filter: contrast();
}

.contrast-50 {
  filter: contrast(50%);
}

.grayscale-0 {
  filter: grayscale(0%);
}

.grayscale-100 {
  filter: grayscale();
}

.grayscale-50 {
  filter: grayscale(50%);
}

.hue-rotate-0 {
  filter: hue-rotate();
}

.hue-rotate-100 {
  filter: hue-rotate(100deg);
}

.hue-rotate-180 {
  filter: hue-rotate(180deg);
}

.hue-rotate-50 {
  filter: hue-rotate(50deg);
}

.invert-0 {
  filter: invert(0%);
}

.invert-100 {
  filter: invert();
}

.invert-50 {
  filter: invert(50%);
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-50 {
  opacity: .5;
}

.saturate-0 {
  filter: saturate(0%);
}

.saturate-100 {
  filter: saturate();
}

.saturate-50 {
  filter: saturate(50%);
}

.sepia-0 {
  filter: sepia(0%);
}

.sepia-100 {
  filter: sepia();
}

.sepia-50 {
  filter: sepia(50%);
}