エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【IE11対応】背景画像のsvgを自由に色変えしたい | ⬢ Appirits spirits
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【IE11対応】背景画像のsvgを自由に色変えしたい | ⬢ Appirits spirits
デジタルビジネス部所属Webデザイナーの黒須です。 SCSSを利用して、CSS(background-image)にSVGファ... デジタルビジネス部所属Webデザイナーの黒須です。 SCSSを利用して、CSS(background-image)にSVGファイルを指定し、SVGらしくアイコンの色変えをサッと実現する方法を紹介します。 1. SVGファイルを最適化 見た目は問題がなさそうなSVGファイル… しかし 隠れた不要なレイヤー要らない空パスパスが閉じていない など、データとして問題がないかチェックします。 Illustratorで作業 不要な隠しレイヤーなどを全て削除パスをアウトライン化同じ色は複合パスでまとめる(cmd + 8) 複合パスの必要性 同じ色(fill1つで指定)のパスは1つにまとめます。 また複合パスでまとめることでデータを軽量化できます。 必要な物だけ残しシンプルでわかりやすいデータを目指します。 例えばこのような2つの>の字でデザインされた矢印アイコンは、複合パスにできます。 複合パスにせず