エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
「mask-image」でSVGアイコンの色をCSSで変えよう! 〜mask-imageの便利な使い方紹介を添えて〜 SVGで... 「mask-image」でSVGアイコンの色をCSSで変えよう! 〜mask-imageの便利な使い方紹介を添えて〜 SVGで作成されたアイコン画像に対して、CSSで色を指定したいということありますよね。 そういった場合、SVGをインラインでHTMLに書き出し、fillで色を指定する方法が一般的でした。 しかし、IEのサポートが終了して対応の必要がなくなる今、SVGの色変えは mask-image で簡単に実現できます。 以下にその例を示します(ついでに mask-image のその他の使い方も紹介しています)。 mask-image とは? その名の通り、要素を マスク するCSSプロパティで、指定した画像で要素をくりぬく機能です。 IE以外の主要なブラウザでサポートされています。 ただし、Chromeや、(15.4より前の)Safariでは -webkit-mask-image として