Hero with a statement and the app
The statement on the left, the introduction and the action on the right, and the app below. The words come in reading order with 28 ms between them, in CSS only.
- SplitThe statement stands on the left and the introduction and action on the right, so the hero does not fill the whole screen.
- Word revealEach word carries a variable with its position, and the delay is 28 ms per word.
- A component under the heroUnder the hero stands a component from the app as markup. It scales with container queries.
- Shelf
- Heroes and sections
- Group
- Heroes 12 of 12
- Theme
- Light and dark
- Live pointer
- 5 steps, until you take over