Auto-Animate Example

This will fade out


		function Example() {
		  const [count, setCount] = useState(0);
		}

Auto-Animate Example

This will fade out

This element is unmatched data-auto-animate-unmatched="fade"


		function Example() {
		  New line! //lien fait avec data-id="code" sur le 
		  const [count, setCount] = useState(0);
		}

Line Height & Letter Spacing

Line Height & Letter Spacing

(style) 

			import React, { useState } from 'react';

			function Example() {
			  const [count, setCount] = useState(0);

			  return (
				...
			  );
			}
		

			function Example() {
			  const [count, setCount] = useState(0);

			  return (
				<div>
				  <p>You clicked {count} times</p>
				  <button onClick={() => setCount(count + 1)}>
					Click me
				  </button>
				</div>
			  );
			}
		

			function Example() {
			  // A comment!
			  const [count, setCount] = useState(0);

			  return (
				<div>
				  <p>You clicked {count} times</p>
				  <button onClick={() => setCount(count + 1)}>
					Click me
				  </button>
				</div>
			  );
			}

Swapping list items

  • One
  • Two
  • Three

Swapping list items

  • Two
  • One
  • Three

Swapping list items

  • Two
  • Three
  • One

SLIDE 1

Animate Anything

SLIDE 2

With Auto Animate

SLIDE 3

With Auto Animate

SLIDE 3

With Auto Animate