Spoiler tag - suggestion

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