No edit summary
No edit summary
Line 2: Line 2:
   display: inline-block;
   display: inline-block;
   cursor: pointer;
   cursor: pointer;
   color: white;                  /* text color when revealed */
   color: black;                  /* text color when revealed */
   background-color: #111;        /* background for contrast */
   background-color: white;        /* background for contrast */
   border-radius: 4px;
   border-radius: 4px;
   padding: 2px 4px;
   padding: 2px 4px;
Line 13: Line 13:
.Spoiler:hover {
.Spoiler:hover {
   filter: blur(0);              /* remove blur */
   filter: blur(0);              /* remove blur */
   background-color: #333;        /* optional highlight */
   background-color: white;        /* optional highlight */
}
}

Revision as of 16:48, 15 February 2026

.Spoiler {
  display: inline-block;
  cursor: pointer;
  color: black;                  /* text color when revealed */
  background-color: white;        /* background for contrast */
  border-radius: 4px;
  padding: 2px 4px;
  filter: blur(5px);             /* start blurred */
  transition: filter 0.3s ease, background-color 0.3s ease;
}

/* Reveal on hover */
.Spoiler:hover {
  filter: blur(0);               /* remove blur */
  background-color: white;        /* optional highlight */
}