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

相关文章:

javascript - 检测用户是否正在通过 iphone 上的 safari 移动浏览器进行导航

html - 更改 PHP Echo 输出的字体大小

html - 通过 CSS 将元素显示为预格式化文本

animation - 如何使用anime.js 反向制作svg 动画?

javascript - iPad CSS 悬停问题

javascript - html5 拖放是否在 Windows 的 Safari 浏览器上损坏?

javascript - 相对于点居中数字

javascript - 如何在每次重新加载页面时不调用指令

javascript - 从 svg 中删除特定颜色的矩形 - javascript

html - 用颜色填充云或任何形状(动画)