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

Z Podręcznik Administratora by OPZ SGU
Wersja z dnia 16:11, 6 sty 2020 autorstwa Adminka23 (dyskusja | edycje) (Utworzono nową stronę "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...")
(różn.) ← poprzednia wersja | przejdź do aktualnej wersji (różn.) | następna wersja → (różn.)
Przejdź do nawigacji Przejdź do wyszukiwania

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;
}
}