Cenzurovaný text

využitie backdrop-filter na cenzúru slov. POZOR! Text je stále čitateľný v zdrojovom kóde.

Záznam z operácie Nočný Vlk: Dňa 14. novembra 1996 bola v opustenej budove pri rieke Morava nájdená kazeta s dôkazmi. Všetci traja svedkovia boli v priebehu 48 hodín eliminovaní. Prístup k prípadu bol natrvalo zakázaný vyšším velením.

index.html


    <div class="rdev-blur-box">
    <p class="blurred">
      Záznam z <span>operácie Nočný Vlk</span>:  
      Dňa <span>14. novembra 1996</span> bola v opustenej budove pri  
      <span>rieke Morava</span> nájdená kazeta s dôkazmi.  
      Všetci traja svedkovia <span>boli v priebehu 48 hodín eliminovaní</span>.  
      Prístup k prípadu bol <span>natrvalo zakázaný</span> vyšším velením.
    </p>
  </div>

styles.css


.rdev-blur-box {
  color: #fcfcfc;
  font-size: 20px;
  line-height: 1.6;
  padding: 2rem;
  font-family: 'Special Elite', cursive;
  border-radius: 8px;
  max-width: 800px;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.rdev-blur-box h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.rdev-blur-box .blurred span {
  filter: blur(6px);
  transition: filter 0.3s ease;
}

.rdev-blur-box .blurred span:hover {
  filter: blur(0px);
  cursor: pointer;
}