1

私はCSSclip-pathプロパティで遊んでいて、ロゴをアニメーション化するこのペンを作成しました: http://codepen.io/alexcoady/pen/PqJavW . このコードは、いくつかの div を描画し、clip-path生成したいくつかの三角形に基づいて動的にそれらに s を適用します。

これは、Chrome (43.0.2357.124 (64 ビット)) で期待どおりに機能します。

ただし、Safari (8.0.4 + iOS) では、何も表示されません。インスペクタを開いた後、clip-pathプロパティのチェックを外してから再度チェックすると、パスは期待どおりに表示されます。

Safariがこれらのパスを最初にレンダリングするようにするためにできることはありますか?

ありがとう。

4

1 に答える 1

0

アニメーション化されたクリップパスをサポートしているのは Chrome だけだと思います。

私もこの問題の解決策を探しましたが、私が理解できる最も近いのは、現在 Chrome だけがSVGElement.

解決策を探すためのいくつかの場所を次に示します。

https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property http://www.w3.org/TR/SVG11/shapes.html#PolygonElement

于 2015-12-10T09:56:05.760 に答える