Skip to content

Commit

Permalink
Improve fragments documentation
Browse files Browse the repository at this point in the history
See hakimel/reveal.js#2927 for a full example of custom effects.

I also added `current-visible`, a synonym to `fade-in-then-out`.
  • Loading branch information
kno10 authored Mar 6, 2023
1 parent 2af8a43 commit 1f1e67e
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions src/fragments.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@ The default fragment style is to start out invisible and fade in. This style can
| fade-left | Slide left while fading in |
| fade-right | Slide right while fading in |
| fade-in-then-out | Fades in, then out on the next step |
| current-visible | Fades in, then out on the next step |
| fade-in-then-semi-out | Fades in, then to 50% on the next step |
| grow | Scale up |
| semi-fade-out | Fade out to 50% |
Expand All @@ -50,6 +51,7 @@ The default fragment style is to start out invisible and fade in. This style can
| highlight-current-blue | Turn text blue, then back to original on next step |
{.key-value}

Custom effects can be implemented by defining CSS styles for `.fragment.effectname` and `.fragment.effectname.visible` respectively, because the class `visible` is added to the fragment.

## Nested Fragments

Expand Down

0 comments on commit 1f1e67e

Please sign in to comment.