Entrances & ExitsEntering & leaving
How elements first appear on screen: how they arrive, and whether direction matters.
8 motions
- Fade in淡入 The element fades from transparent to fully visible in place
- Slide in滑入 The element slides in from off-screen or one side into its final position
- Scale in缩放进入 The element grows from slightly smaller (about 0.9×) to full size, like moving toward the …
- Pop in弹出 The element scales up quickly from a smaller size and overshoots the target slightly befor…
- Reveal揭示 A mask or clip uncovers the element bit by bit, like a curtain being pulled aside, rather …
- Masked word reveal逐词遮罩揭示 Each word of the heading rises out of an invisible horizontal slit, one after another — th…
- Blur-up image load图片模糊聚拢 The image starts as a blurred block of colour, slightly enlarged, then sharpens while sett…
- Preloader sequence开场加载序列 On launch you see a full-screen cover with a number counting 0 to 100 and a line filling i…