Supasaito Academy
redefine text Reveal animations with custom elements
the old way
T
h
e
O
l
d
W
a
y
Old Way drawbacks
Takes time (~6+ min)
Not easily scalable
Doesn't work with multiple line text
Generates more code behind the scenes
the New way
T
h
e
N
e
w
W
a
y
New Way Advantages
Takes almost half of the time (~3+ min)
Easy to implement and scale
Works with multiple line text
Generates less code behind the scenes
example #1 — Heading text reveal
T
h
e
N
e
w
W
a
y
example #2 — Multi-line Heading text reveal
T
h
e
N
e
w
W
a
y
B
u
t
B
e
t
t
e
r
example #3 — Button Text Reveal
V
i
e
w
M
o
r
e
V
i
e
w
M
o
r
e
best practices
Use this feature selectively—only where it enhances the user experience.
Clearly label linked fields to avoid confusion.