A line of text
2x
``` An element with no `data-reveal` uses `rise`. The table shows what each reveal effect does and where it works well. | Effect | Motion | Use it for | Avoid it for | | --------- | ----------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | | `rise` | `rise` moves the element up 10 px as it fades in over 0.3 s. | Use it for lines of text, labels, and cards. | Avoid it for code, tables, and grids. There, the motion looks like a layout shift. | | `fade` | `fade` fades the element in over 0.3 s. | Use it for code lines, chat bubbles, images, and anything that must not move. | Avoid it for one small element on a large slide. A viewer can miss a small fade. | | `draw` | `draw` draws the stroke of an SVG path over 0.3 s, at a constant speed. | Use it for an SVG path with `pathLength="1"`. | Avoid it for a filled shape. Only the stroke draws, and the fill shows at once. | | `drop` | `drop` moves the element down 24 px as it fades in over 0.35 s. | Use it for a tile or a stamp. | Avoid it for body text. The motion is too large for text. | | `pop` | `pop` scales the element from 60% past 108% to 100% over 0.5 s. | Use it for the one result that the section builds to. | Avoid it for more than one element per slide. Two pops compete for attention. | | `dim` | `dim` starts visible and fades the element to 16% opacity over 1.2 s. | Use it for an element that recedes when its cue fires. | Avoid it for an element that has not been on screen long enough to notice. | | `instant` | `instant` shows the element on the frame of its cue, with no animation. | Use it for a cursor, a highlight, or a part of a figure. | Avoid it for text. A hard cut can look like a glitch. | Set `data-duration` in seconds to change the length of an effect. Keep effects short, so each reveal is visible on its word and not still moving on the next word. To show math, add [`data-tex`](/reference/runtime#data-tex). A `dim` reveal is the one effect that lowers brightness rather than raising it. The checks read the size of the change and not its direction, so a `dim` that drops a large element to 16 percent opacity clears the floor as readily as a reveal that appears. ## Check a slide before you record it `decktalk preflight` freezes each slide before and at each cue and reports the changed share, with no recording and no spend. Run it as soon as a slide is drawn. ```console theme={null} decktalk preflight --only 4 ``` ```text theme={null} check slide cue chg % result 4:4.1bowl 4.1 7.89 0.49 changed 4:4.1p0 4.1 12.33 0.11 THIN CHANGE? 4:4.1rule 4.1 22.68 0.45 changed 4:4.1over 4.1 39.94 0.73 changed ``` The frozen PNG files go under `build/preflight/NN/`, one per cue, named for the slide and the cue. Open the two frames of any row you want to judge by eye. `decktalk screenshots --slide 4.1 --after 4.1rule` writes the same frozen state on its own. ## Add a camera push Set `data-camera="push"` on a scene wrapper to zoom the stage element slowly from 100% to 103%. ```html deck/index.html theme={null}