Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to apply effects on fragments? #6

Closed
wenlzhang opened this issue Dec 15, 2021 · 3 comments
Closed

How to apply effects on fragments? #6

wenlzhang opened this issue Dec 15, 2021 · 3 comments

Comments

@wenlzhang
Copy link

@wenlzhang wenlzhang commented Dec 15, 2021

Is it possible to apply effects on fragments like below?
https://revealjs.com/fragments/

@MSzturc
Copy link
Owner

@MSzturc MSzturc commented Dec 15, 2021

Fade in <!-- .element: class="fragment" -->

Fade out <!-- .element: class="fragment fade-out" -->

Highlight red <!-- .element: class="fragment highlight-red" -->

Fade in, then out <!-- .element: class="fragment fade-in-then-out" -->

Slide up while fading in <!-- .element: class="fragment fade-up" -->

I will add Section into the documentation in the future

@wenlzhang
Copy link
Author

@wenlzhang wenlzhang commented Dec 15, 2021

Thank you for the help!

@MSzturc MSzturc closed this Dec 15, 2021
@wenlzhang
Copy link
Author

@wenlzhang wenlzhang commented Dec 16, 2021

I also tried to test fragment orders, but it did not work for me with the following examples. Am I not doing it correctly?

- Appears last <!-- .element: class="fragment" data-fragment-index="3" -->
- Appears first <!-- .element: class="fragment data-fragment-index='1'" -->
- Appears second <!-- .element: class="fragment data-fragment-index='2'" -->

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
2 participants