> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Scribble Transition > Overlay transition: scribble bands accumulate to cover the frame with a solid backstop, the host cuts beneath, and the scribble clears # Scribble Transition Overlay transition: scribble bands accumulate to cover the frame with a solid backstop, the host cuts beneath, and the scribble clears **Scribble Transition** ```html hw-scribble-transition.html

``` Copy npx hyperframes add hw-scribble-transition to the clipboard That writes one file: `compositions/hw-scribble-transition.html`. ## Add it to your video It runs for 2.2 seconds at 1920×1080. Paste this into your composition: ```html index.html

``` Move it in time with `data-start`. Put it on a different timeline row with `data-track-index`. See [data attributes](/concepts/data-attributes.md) for the rest. {/* hf:generated-footer */} Tagged `handwritten` `transition` `wipe`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md)