Curious what tool/tools you used for that if any.
Normally, however, I'd use GSAP for SVG animations: https://greensock.com/gsap/
``` @keyframes sea-Top-Deck-Inside {
from {transform: translateX(0);}
from {transform: translateX(0);}
to {transform: translateX(-3px);}
@keyframes sea-Top-Deck-Shadow {
from {transform: translateX(0);}
from {transform: translateX(0);}
to {transform: translateX(-3px);}
sorry if it seems like im doubting you, i am just really super impressed by this animation and wanted to understand how you put this together!
also: readme is really cool! love your podcast interviews!
Yup, I used Stylus mixins for this. I just mean I didn't use something like Framer or an animation library :)
Here's the code (I don't expect it to make any sense to anyone other than me!)
(There's a bug in that code causing two `from`s! Seems it's moot since it works, but I fixed it on my end. Here's the updated code: https://pastebin.com/Y6JwkZi4)