Experiments >

Sliding SVG in both x and y direction

Experiment #528th February, 2021by Joshua Nussbaum

Expanding on yesterday’s experiment #3. I wanted the timeline to move downward in Y direction, not just X direction. It’s basically tweening the viewBox attribute using Svelte’s tweened store.

Here’s the code:

https://gist.github.com/joshnuss/6ab13173bea956ac65a628c639eae026

Here’s what it looks like

animation

view all experiments

Stay tuned in

Learn how to add more experimentation to your workflow