xobs/lca2020-pay-it-forward
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
Show Stats 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-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>

6
css/reveal.css
View File

@ -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; }

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

2
demo.html
View File

@ -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>