- From: Bart Humphries <bart.humphries@gmail.com>
- Date: Thu, 22 Oct 2015 16:57:17 -0600
- To: Nicolas Duclos <dunic777@hotmail.com>
- Cc: site-comments@w3.org
- Message-ID: <CAOQG10UTdaN38-aoUXMfXgku_QKtnmp+OEqmyAfa6wNqFbViLA@mail.gmail.com>
Yes, you could certainly add that tag to your HTML pages then add that CSS. Change the font color to the background color, then on mouseover charge the font color back. It wouldn't really work on mobile, though. On Oct 21, 2015 3:36 PM, "Nicolas Duclos" <dunic777@hotmail.com> wrote: > 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 > >
Received on Thursday, 22 October 2015 22:57:46 UTC