SVG笔划破折号不适用于野生动物园 [英] SVG stroke-dashoffset not working on safari

查看:68
本文介绍了SVG笔划破折号不适用于野生动物园的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

即使我添加-webkit-前缀,Stroke-dashoffset也无法在Safari中使用.请帮我.谢谢!....

Stroke-dashoffset is not working on safari even if I add -webkit- prefix. please help me. Thanks!....

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

Here is my sample code....

#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不支持负笔划偏移量...

Safari does not support negative stroke-dashoffset......

这篇关于SVG笔划破折号不适用于野生动物园的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆