回答編集履歴

インラインSVG

2016/09/11 05:29

投稿

スコア145184

test CHANGED Viewed

@@ -1,5 +1,5 @@
-全体を画像化する。
+全体を画像化する、もしくは[インラインSVGで書く](http://webya-tm.com/made/201602262090)。
-現状、質問者が提示された方法はWebkit系のみ対応で、FirefoxもEdgeも非対応なままとなっています。どうしてもグラデーションをかけることを最優先するなら、全部画像にするのがブラウザを問わず使える唯一の手段となってしまいます（[Can I Use](http://caniuse.com/#search=mask)）。
+現状、質問者が提示された方法はWebkit系のみ対応で、FirefoxもEdgeも非対応なままとなっています（[Can I Use](http://caniuse.com/#search=mask)）。CSSだけでできることには限界があるので、画像ファイルあるいはSVGの力を借りる、というのが適当でしょう。