简体   繁体   English

我将如何在 Web Animation API 中重新创建以下 CSS 代码

[英]How would I recreate the following CSS code in Web Animation API

Looking at this site: https://css-tricks.com/svg-line-animation-works/看这个网站: https : //css-tricks.com/svg-line-animation-works/

I found this我找到了这个https://i2.wp.com/css-tricks.com/wp-content/uploads/2014/02/animate-stroke-full.gif

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?我现在不知如何尝试使用 web 动画 api WAAPI 更改相同的属性 (stroke-dashoffset),任何人都有任何线索或我应该在哪里搜索此信息?

I cannot find out what keywords to use in my keyframes , or what is valid things to write in there even我无法找出在我的关键帧中使用哪些关键字,或者甚至在那里写什么是有效的东西

我错过了关键帧规范中的小而重要的打印,将属性名称从 stroke-dashoffset 更改为 strokeDashoffset,它会起作用

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM