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/37246113/

相关文章:

html - 在 Safari 中重叠 CSS flexbox 元素

html - 基本的 html/css 问题?

html - div#someid vs only #someid?

javascript - 如何更新 div 元素内 html 元素的 id 和名称?

javascript - SVG动画: Object along a path on a scroll

CSS 使用 svg 作为背景,外部模式不加载

javascript - 在 Safari 中检测 HTTP Live Streaming 的当前比特率

css - 带有底部边框的输入在移动设备上看起来很奇怪

javascript - d3js 图形代码以不同的顺序显示不同数据的 y 轴

css - Bootstrap 轮播文本在 Safari 中变暗