Added some styles using the current-fragment class
authorGuillaume Turri <guillaume.turri@gmail.com>
Sat, 16 Nov 2013 09:45:02 +0000 (10:45 +0100)
committerGuillaume Turri <guillaume.turri@gmail.com>
Tue, 26 Nov 2013 06:47:03 +0000 (07:47 +0100)
according to README, I don't include reveal.min.js.
Hence I believe it makes sense to not include reveal.min.css either.
Hence, examples added in index.html can give the feeling that they don't work yet.

README.md
css/reveal.css
index.html

index 9c26b4377d346bcbe40904004359020e352d4d74..7cac95ce3255b54f8d210f7c30136fc45f3b36bf 100644 (file)
--- a/README.md
+++ b/README.md
@@ -440,6 +440,8 @@ The default fragment style is to start out invisible and fade in. This style can
        <p class="fragment shrink">shrink</p>
        <p class="fragment roll-in">roll-in</p>
        <p class="fragment fade-out">fade-out</p>
+       <p class="fragment current-visible">visible only once</p>
+       <p class="fragment highlight-current-blue">blue only once</p>
        <p class="fragment highlight-red">highlight-red</p>
        <p class="fragment highlight-green">highlight-green</p>
        <p class="fragment highlight-blue">highlight-blue</p>
index 96a3a2b3ba9ebb2cc6c25b69305fe40adb46dba2..bdcd8208a7160ee56408554aff112c4be0711f12 100644 (file)
@@ -179,9 +179,20 @@ body {
                opacity: 0.5;
        }
 
+.reveal .slides section .fragment.current-visible {
+       opacity:0;
+}
+
+.reveal .slides section .fragment.current-visible.current-fragment {
+       opacity:1;
+}
+
 .reveal .slides section .fragment.highlight-red,
+.reveal .slides section .fragment.highlight-current-red,
 .reveal .slides section .fragment.highlight-green,
-.reveal .slides section .fragment.highlight-blue {
+.reveal .slides section .fragment.highlight-current-green,
+.reveal .slides section .fragment.highlight-blue,
+.reveal .slides section .fragment.highlight-current-blue {
        opacity: 1;
 }
        .reveal .slides section .fragment.highlight-red.visible {
@@ -194,6 +205,16 @@ body {
                color: #1b91ff;
        }
 
+.reveal .slides section .fragment.highlight-current-red.current-fragment {
+       color: #ff2c2d
+}
+.reveal .slides section .fragment.highlight-current-green.current-fragment {
+       color: #17ff2e;
+}
+.reveal .slides section .fragment.highlight-current-blue.current-fragment {
+       color: #1b91ff;
+}
+
 
 /*********************************************
  * DEFAULT ELEMENT STYLES
index d79441e76563636aa7fe34b5211a7fe31c688b1f..973f2ac09e3b93095e4210683f1c6b0e57c6a7dd 100644 (file)
@@ -302,6 +302,8 @@ function linkify( selector ) {
                                                <p class="fragment shrink">shrink</p>
                                                <p class="fragment roll-in">roll-in</p>
                                                <p class="fragment fade-out">fade-out</p>
+                                               <p class="fragment current-visible">visible only once</p>
+                                               <p class="fragment highlight-current-blue">blue only once</p>
                                                <p class="fragment highlight-red">highlight-red</p>
                                                <p class="fragment highlight-green">highlight-green</p>
                                                <p class="fragment highlight-blue">highlight-blue</p>