Skip to content

Migrating to reveal.js 3.0.0

Aseem Kishore edited this page Feb 12, 2015 · 7 revisions

reveal.js 3.0 is structurally not different from the 2.X versions however the default visuals have change quite a bit. If you want reveal.js to look like 2.X, you'll need to make the changes listed in this guide.

New default theme

The original reveal.js theme has been replaced with a new theme called 'black'. The previous default theme is now called 'league'. To change back to the old default replace the following in index.html:

<link rel="stylesheet" href="css/theme/black.css" id="theme">

with

<link rel="stylesheet" href="css/theme/league.css" id="theme">

New default transition

A sliding transition replaces the previous 3D rotation effect. If you want to stick to the old transition you'll need to specify transition: 'concave' when initializing reveal.js.

Upsizing by default

Presentations now automatically scale up to fill more of the browser viewport. The aspect ratio of your content will be maintained so there should be no change in layout. If you wish to turn this off include maxScale: 1 when initializing reveal.js.

No more minified files

reveal.min.js and reveal.min.css are no longer tracked in the repository, to generate them you'll need to have Grunt running locally. This is covered in the readme.

Markdown separators

The attributes used to define separators for slides written with Markdown have been renamed from 'data-notes' and 'data-vertical to 'data-separator-notes' and 'data-separator-vertical'.