小编Man*_*tom的帖子

Firefox 浏览器中的 SVG 路径元素比例转换错误

我试图通过在其上添加变换比例转换来为悬停时的 svg 路径元素设置动画。

它在 chrome 上完美地工作,但在 Firefox 上它打破了过渡。

注意:它在没有过渡动画的情况下工作,但在这个用例中需要过渡。

HTML:

<svg viewBox="-1.1 -1.1 2.2 2.2">
  <g>
    <path d="M 1 0 A 1 1 0 0 1 -0.8085734960732691 0.5883951915573843 L 0 0" fill="#ACC6D9" stroke="#ACC6D9" stroke-width="0.01"></path>
    <path d="M -0.8085734960732691 0.5883951915573843 A 1 1 0 0 1 -0.8100500340267164 -0.5863607612837983 L 0 0" fill="#93B5D1" stroke="#93B5D1" stroke-width="0"></path>
    <path d="M -0.8100500340267164 -0.5863607612837983 A 1 1 0 0 1 0.3063859980740773 -0.9519073590345604 L 0 0" fill="#81A8C9" stroke="#81A8C9" stroke-width="0"></path>
    <path d="M 0.3063859980740773 -0.9519073590345604 A 1 1 0 0 1 …
Run Code Online (Sandbox Code Playgroud)

css svg css-transitions

5
推荐指数
1
解决办法
598
查看次数

标签 统计

css ×1

css-transitions ×1

svg ×1