xobs/lca2019-talk
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

rename new fragment style

Browse Source
This commit is contained in:
Hakim El Hattab
2018-06-13 14:12:25 +02:00
parent 078a7520cd
commit be87adcdf8
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -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-out">fade-out</p>
<p class="fragment fade-up">fade-up (also down, left and right!)</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-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-current-blue">blue only once</p>
<p class="fragment highlight-red">highlight-red</p> <p class="fragment highlight-red">highlight-red</p>
<p class="fragment highlight-green">highlight-green</p> <p class="fragment highlight-green">highlight-green</p>

6
css/reveal.css
View File

@@ -136,13 +136,13 @@ body {
opacity: 1; opacity: 1;
visibility: inherit; } visibility: inherit; }
.reveal .slides section .fragment.fade-in-then-half-out { .reveal .slides section .fragment.fade-in-then-semi-out {
opacity: 0; opacity: 0;
visibility: hidden; } 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; opacity: 0.5;
visibility: inherit; } 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; opacity: 1;
visibility: inherit; } visibility: inherit; }

2
css/reveal.scss
View File

@@ -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; opacity: 0;
visibility: hidden; visibility: hidden;

2
demo.html
View File

@@ -146,7 +146,7 @@
<span style="display: inline-block;" class="fragment fade-left">left</span> <span style="display: inline-block;" class="fragment fade-left">left</span>
</p> </p>
<p class="fragment fade-in-then-out">fade-in-then-out</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> <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>
</section> </section>