Skip to content

Revealjs

Homepage | Github | Config

Create Stunning Presentations on the Web
reveal.js is an open source HTML presentation framework. It’s a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free.

Configuration🔗

Features🔗

Example files

Fragments🔗

Documentation

List of all available fragments
Name Effect
fade-out Start visible, fade out
fade-up Slide up while fading in
fade-down Slide down while fading in
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%
shrink Scale down
strike Strike through
highlight-red Turn text red
highlight-green Turn text green
highlight-blue Turn text blue
highlight-current-red Turn text red, then back to original on next step
highlight-current-green Turn text green, then back to original on next step
highlight-current-blue Turn text blue, then back to original on next step

Custom Fragments

1
2
3
4
5
6
7
8
9
.fragment.blur {
  filter: blur(5px);
}
.fragment.blur.visible {
  filter: none;
}
.fragment.blur.current-fragment {
  filter: none;
}

Integration🔗