Ochrona zawartości textarea z wrażliwą zawartością przed przypadkowym wyświetleniem (np na screenshocie)

Wyobraźmy sobię sytuację gdy na stronie internetowej publikujemy wrażliwe dane takie jak np klucz ssh, gpg i chcemy uniknąć sytuacji w której będzie on narażony na przypadkowe zapisanie np na screenshocie możemy w tym celu zastosować atrybut css blurry.

Zawartość textarea pozostanie rozmyta do czasu uczynienia komponentu aktywnym.

.blurry {
color: transparent;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

&:active {
color: #333;
text-shadow: none;
}
}