Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.Spoiler {
background-color: black;
color: black;
border-radius: 4px;
padding: 2px 4px;
cursor: pointer;
display: inline-block;
opacity: 0; /* start hidden */
transition: opacity 0.5s ease, color 0.5s ease, background-color 0.5s ease;
}
.Spoiler:hover {
animation: reveal 0.5s forwards;
}
@keyframes reveal {
from { color: black; background-color: black; opacity: 0; }
to { color: white; background-color: #333; opacity: 1; }
}