Hi,

I got a suggestion for HTML5 and CSS3 about a spoiler tag without using 
javascript.

How could it work?

Easy, just use the tag <spoiler> </spoiler>

All the text inside the spoiler tag will be hidden behind a black box 
(default), but can be modified with new CSS.

The CSS :

spoiler {
spoiler-color: The color of the block. Possibility to add blurry box to make 
the hidden text blurry with blur(0 to 1);
border-radius : To change the radius of the extremities.
boder : possibility to add a border to the spoiler block.
}
spoiler:hover { Show hidden text when you are hover the spoiler tag. Hide the 
text again when not hover.
background-color :
color :
font-style:
}
spoiler:click { Show hidden text when you click on spoiler tag.
background-color :
color :
font-style:
}

Hope it will be a possibility in the futur.

Thank you

Nicolas

Attachment: signature.asc
Description: Message signed with OpenPGP using GPGMail

Reply via email to