don't transition to first slide background (#453)

css/reveal.css

@@ -1245,12 +1245,13 @@ body {
 	left: 0;
 }
 
-.no-transition {
-	-webkit-transition: none;
-	   -moz-transition: none;
-	    -ms-transition: none;
-	     -o-transition: none;
-	        transition: none;
+.no-transition,
+.no-transition * {
+	-webkit-transition: none !important;
+	   -moz-transition: none !important;
+	    -ms-transition: none !important;
+	     -o-transition: none !important;
+	        transition: none !important;
 }
 
 

js/reveal.js

@@ -252,6 +252,7 @@ var Reveal = (function(){
 
 		// Clear prior backgrounds
 		dom.background.innerHTML = '';
+		dom.background.classList.add( 'no-transition' );
 
 		// Helper method for creating a background element for the
 		// given slide
@@ -1463,10 +1464,13 @@ var Reveal = (function(){
 	}
 
 	/**
-	 * 
+	 * Updates the background elements to reflect the current 
+	 * slide.
 	 */
 	function updateBackground() {
 
+		// Update the classes of all backgrounds to match the 
+		// states of their slides (past/present/future)
 		toArray( dom.background.childNodes ).forEach( function( backgroundh, h ) {
 
 			backgroundh.className = ( h < indexh ? 'past' : h > indexh ? 'future' : 'present' );
@@ -1479,6 +1483,11 @@ var Reveal = (function(){
 
 		} );
 
+		// Allow the first background to apply without transition
+		setTimeout( function() {
+			dom.background.classList.remove( 'no-transition' );
+		}, 1 );
+
 	}
 
 	/**