Auto-Animate

Introducing

Slide 1

Slide 2

Automatically animate matching elements across slides.

Auto-Animate Introducing Slide 1 Slide 2 Automatically animate matching elements across slides.

Copy of Auto-Animate

By makzan

Copy of Auto-Animate

Introducing Auto-Animate: an all new way to create stunning animations in Slides! Learn all about it and view some examples in this deck. (Currently in public beta—let us know if you have any feedback.)

4 years ago
471

makzan

makzan.net
Makzan

	/**
	* Initialize reveal.js.
	*/
	Reveal.initialize({
	controls: false,
	progress: false,
	viewDistance: 2,
	transition: 'none',
	postMessageEvents: true
	})

	/**
	* Initialize reveal.js and monitor slide changes.
	*/
	Reveal.addEventListener('slidechanged', event => {

	let slide = Reveal.getCurrentSlide();

	});

	Reveal.initialize({
	...
	})

	/**
	* Initialize reveal.js and monitor slide changes.
	*/
	Reveal.addEventListener('slidechanged', event => {

	let slide = Reveal.getCurrentSlide();
	if( Reveal.isLastSlide() ) {
	slide.classList.add( 'outro' );
	}

	});

	Reveal.initialize({
	...
	})

	/**
	* Initialize reveal.js and monitor slide changes.
	*/
	Reveal.addEventListener('slidechanged', event => {

	let slide = Reveal.getCurrentSlide();
	if( Reveal.isLastSlide() ) {
	slide.classList.add( 'outro' );
	}

	});

	Reveal.initialize({
	...
	})

Auto-Animate

Introducing

Copy of Auto-Animate

More from makzan