Browse Source

rename new fragment style

Hakim El Hattab 6 years ago
parent
commit
be87adcdf8
4 changed files with 6 additions and 6 deletions
  1. 1 1
      README.md
  2. 3 3
      css/reveal.css
  3. 1 1
      css/reveal.scss
  4. 1 1
      demo.html

+ 1 - 1
README.md

@@ -768,7 +768,7 @@ The default fragment style is to start out invisible and fade in. This style can
 	<p class="fragment fade-out">fade-out</p>
 	<p class="fragment fade-up">fade-up (also down, left and right!)</p>
 	<p class="fragment fade-in-then-out">fades in, then out when we move to the next step</p>
-	<p class="fragment fade-in-then-half-out">fades in, then 50% out when we move to the next step</p>
+	<p class="fragment fade-in-then-semi-out">fades in, then obfuscate when we move to the next step</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>

+ 3 - 3
css/reveal.css

@@ -136,13 +136,13 @@ body {
     opacity: 1;
     visibility: inherit; }
 
-.reveal .slides section .fragment.fade-in-then-half-out {
+.reveal .slides section .fragment.fade-in-then-semi-out {
   opacity: 0;
   visibility: hidden; }
-  .reveal .slides section .fragment.fade-in-then-half-out.visible {
+  .reveal .slides section .fragment.fade-in-then-semi-out.visible {
     opacity: 0.5;
     visibility: inherit; }
-  .reveal .slides section .fragment.fade-in-then-half-out.current-fragment {
+  .reveal .slides section .fragment.fade-in-then-semi-out.current-fragment {
     opacity: 1;
     visibility: inherit; }
 

+ 1 - 1
css/reveal.scss

@@ -171,7 +171,7 @@ body {
 	}
 }
 
-.reveal .slides section .fragment.fade-in-then-half-out {
+.reveal .slides section .fragment.fade-in-then-semi-out {
 	opacity: 0;
 	visibility: hidden;
 

+ 1 - 1
demo.html

@@ -146,7 +146,7 @@
 							<span style="display: inline-block;" class="fragment fade-left">left</span>
 						</p>
 						<p class="fragment fade-in-then-out">fade-in-then-out</p>
-						<p class="fragment fade-in-then-half-out">fade-in-then-half-out</p>
+						<p class="fragment fade-in-then-semi-out">fade-in-then-semi-out</p>
 						<p>Highlight <span class="fragment highlight-red">red</span> <span class="fragment highlight-blue">blue</span> <span class="fragment highlight-green">green</span></p>
 					</section>
 				</section>