reveal.js - Auto Animate
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
function Example() {
New line!
const [count, setCount] = useState(0);
}
Line Height & Letter Spacing
Line Height & Letter Spacing
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
data-auto-animate-id="a"
A1
data-auto-animate-id="a"
A1
A2
data-auto-animate-id="b"
B1
data-auto-animate-id="b"
B1
B2
Slide 1
Slide 2
Slide 3
Slide 4
A
Slide 1
Slide 2
Slide 3
Slide 4
A
Slide 1
Slide 2
Slide 3
Slide 4
A
Slide 1
Slide 2
Slide 3
Slide 4
A