The site designs for Agency includes a section where heading text will scroll across the page:
We need to implement this as a block. It would be best if the block could have inner content that accepts headings and paragraphs, since this effect will be used at the bottom of the page too. Here's a codepen that shows the markup structure:
https://codepen.io/jessicaat123/pen/ExzygeE
Note that we will also need styles for prefers-reduced-motion
Background
The site designs for Agency includes a section where heading text will scroll across the page:
We need to implement this as a block. It would be best if the block could have inner content that accepts headings and paragraphs, since this effect will be used at the bottom of the page too. Here's a codepen that shows the markup structure: https://codepen.io/jessicaat123/pen/ExzygeE
Note that we will also need styles for
prefers-reduced-motion