Looking at this site: https://css-tricks.com/svg-line-animation-works/
I found this 
I am now at a loss how to try to change the same property (stroke-dashoffset) using the web animation api WAAPI, anyone have any clue or where I should be searching for this information?
I cannot find out what keywords to use in my keyframes, or what is valid things to write in there even
I missed the small but important print in the keyframe specification, change the property name from stroke-dashoffset to strokeDashoffset and it will work the same