求助css动画使用变量问题

learning-diary 2018-12-28 08:21:41
<svg width="800" height="600" style="background:#FFFFF0;border:solid 2px #FF7F50" opacity="1">
<path class="path1" d="M 23.17,45.038 200.916,104.7447 0.77796,200.48 144.93,6.9496 154.73,201.51 Z" fill="none" stroke="black" stroke-width="0.7" opacity="1"/>
</svg>
<style>
:root {
--animationtime1: 100;
--test:3%;
}

.path1 {
animation:anmpath1 calc(var(--animationtime1)*1s) ease-out 0s forwards;
}

@keyframes anmpath1 {
0% {stroke-dasharray:0,1100;}
var(--test) {stroke-dasharray:1100,1100;}
100% {stroke-dasharray:1100,1100;}
}
</style>
兰色部分能正常工作,但红色部分不工作,请各位老师帮忙
...全文
172 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2018-12-28
  • 打赏
  • 举报
回复
css变量值只能用作属性值,不能用作属性名,更不能用作选择符

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧