diff --git a/css/reveal.scss b/css/reveal.scss
index a196fa7b78a..56199482177 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1093,11 +1093,13 @@ $controlsArrowAngleActive: 36deg;
 
 .reveal .no-transition,
 .reveal .no-transition *,
-.reveal .slides.disable-slide-transitions section {
+.reveal .slides.disable-slide-transitions section,
+.reveal .backgrounds.disable-slide-transitions .slide-background {
 	transition: none !important;
 }
 
-.reveal .slides.disable-slide-transitions section {
+.reveal .slides.disable-slide-transitions section,
+.reveal .backgrounds.disable-slide-transitions .slide-background {
 	transform: none !important;
 }
 
diff --git a/js/reveal.js b/js/reveal.js
index d672c02d76d..55a39fdcf9c 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -1311,6 +1311,7 @@ export default function( revealElement, options ) {
 
 				autoAnimateTransition = true;
 				dom.slides.classList.add( 'disable-slide-transitions' );
+				backgrounds.element.classList.add( 'disable-slide-transitions' );
 			}
 
 			transition = 'running';
@@ -1416,6 +1417,7 @@ export default function( revealElement, options ) {
 
 			setTimeout( () => {
 				dom.slides.classList.remove( 'disable-slide-transitions' );
+				backgrounds.element.classList.remove( 'disable-slide-transitions' );
 			}, 0 );
 
 			if( config.autoAnimate ) {