グラデーションを使用したアイコンが機能しないのですが、Discourse は受け付けないのでしょうか?
受け付けない場合、CSS でアイコンの周りにグラデーションを付ける方法はありますか?
グラデーションを使用したアイコンが機能しないのですが、Discourse は受け付けないのでしょうか?
受け付けない場合、CSS でアイコンの周りにグラデーションを付ける方法はありますか?
私も同じ質問があります。誰か何か手がかりを持っていますか?
SVG形式がグラデーションをサポートしている場合は、バグと見なしてください。おそらく git リポジトリで機能リクエストとして報告するのが最善でしょう。
ロゴのようなSVGは問題なく動作するはずです。
私の知る限り、SVGアイコンのグラデーションは、CSSで色を設定すると上書きされますか?
CSSまたはSVGファイル自体のコードでグラデーションを使用できると聞きましたが、どちらの方法でもうまくいきません。アイコンにグラデーションを使用する方法を知っていますか?
SVGアイコンではCSSグラデーションは機能しません。グラデーションはSVGファイルに直接適用する必要があると思われます。
SVGアイコンにグラデーションを適用するには、このトリックを使用できます。
すべてのグラデーションを id (例: \u003clinearGradient id=\"my_id\"...) に関連付けて定義する不可視のSVGを作成します。
その後、CSSでSVGアイコンをターゲットにし、fill: url(#my-id) を使用します。
どれほど醜いかはわかりませんが、機能します。 ![]()