diff --git a/README.md b/README.md
index fa6ec0ec..cb72f238 100644
--- a/README.md
+++ b/README.md
@@ -348,6 +348,7 @@ Reveal.addEventListener( 'ready', function( event ) {
 } );
 ```
 
+Note that we also add a `.ready` class to the `.reveal` element so that you can hook into this with CSS.
 
 ### Auto-sliding
 
diff --git a/js/reveal.js b/js/reveal.js
index 3f003d9b..c37566a6 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -454,6 +454,8 @@
 
 			loaded = true;
 
+			dom.wrapper.classList.add( 'ready' );
+
 			dispatchEvent( 'ready', {
 				'indexh': indexh,
 				'indexv': indexv,