css - SVG stroke-dashoffset 不适用于 safari

标签 css svg safari

即使我添加 -webkit- 前缀,Stroke-dashoffset 也无法在 safari 上运行。请帮我。谢谢!....

这是我的示例代码....

#path1 {
  stroke-dasharray: 500;
  -webkit-animation: dash 2s ease;
  animation: dash 2s ease;
  display:inline-block;
}
.path2 {
  stroke-dasharray: 500;
  -webkit-animation: dash 2s ease;
  animation: dash 2s ease;
  display:inline-block;
}

@keyframes dash {
  from {
  stroke-dashoffset: -500;
  }
}

@-webkit-keyframes dash {
  from {
  stroke-dashoffset: -500;
  }
}

最佳答案

Safari不支持负stroke-dashoffset......

关于css - SVG stroke-dashoffset 不适用于 safari,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57740625/

相关文章:

javascript - d3 不会将命名空间属性附加到 svg 元素

css - Safari 中的文本阴影被截断/不渲染超出元素边界

javascript - iPhone/ Safari : How can I continue to execute javascript while in sleep mode?

css - Firefox 中奇怪的 CSS 行为

html - 文本节点后的第一个 block 的边距(垂直空间)?

html - Twitter bootstrap 固定布局问题

Javascript:在 svg 中使用字体图标。如何使用 "\u"?

javascript - 将新数据添加到 d3 streamgraph 时的转换

javascript - 视频背景在 Safari 上无法正常播放

javascript - 删除不需要的 javascript 和 css 是否可以缩短网页加载时间?