I was playing around with some CSS and i made this.
It might not work in every browser. But by pasting this in the custom CSS field in the admin panel it works.
a[href="#nogo"]:hover::after{
position: absolute;
padding: 10px;
content: attr(title);
background: #E7EDF3;
box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
border-radius: 4px;
color: #7089a9;
}
You need to create an anchor link :
[Spoiler Alert !](#nogo "My spoiler is here")
And Voila.
Basically, what this CSS does is it takes the value of the title attribute of the link and create a new box if you hover the link. The "a[href="#nogo"]" implies that it will react only to links with href with value at "#nogo"
This is an experiment. And it has some serious limitations, but it is possible to do it in pure CSS.
You could also use focus instead of hover in the CSS so the hidden text appears only on click.
😉
But it's better to use/create an extension for that.
