blurry text

by jshacker

HTML

<div>Blurry Text</div>

CSS

:root {
  --color: #111;
  --color-contrast: #eee;
}

body {
  background-color: var(--color-contrast);
}

div {
  color: var(--color);
  text-shadow:
    1px 1px 4px var(--color),
    -1px -1px 4px var(--color);
  font-size: 3em;
}