[Bug 18947] New: WebVTT: Add CSS examples

https://www.w3.org/Bugs/Public/show_bug.cgi?id=18947

           Summary: WebVTT: Add CSS examples
           Product: TextTracks CG
           Version: unspecified
          Platform: PC
        OS/Version: All
            Status: NEW
          Severity: normal
          Priority: P2
         Component: WebVTT
        AssignedTo: ian@hixie.ch
        ReportedBy: simonp@opera.com
         QAContact: dave.null@w3.org
                CC: mike@w3.org, public-texttracks@w3.org


It would be good to have CSS examples showing how to use the different
selectors, how to use karaoke, etc.

/* use the same font family as in the surrounding page */
video::cue { font-family:inherit }

/* cue id */
video::cue(#intro) { font-size:10vh }

/* inline class */
video::cue(.code) { white-space:pre-wrap; font-family:monospace }

/* voice */
video::cue(v[voice="Jim"]) { color:yellow }

/* karaoke */
video::cue(c) { transition:linear 0.5s color }
video::cue(c:past) { color:lime }

-- 
Configure bugmail: https://www.w3.org/Bugs/Public/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are on the CC list for the bug.

Received on Friday, 21 September 2012 08:02:22 UTC