“ filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);” url埋め込みしたsvgの色を変える方法。filterを用いる。すごい

reboot_in のブックマーク 2020/04/16 21:23

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/361354905/comment/reboot_in" data-user-id="reboot_in" data-entry-url="https://b.hatena.ne.jp/entry/s/css-tricks.com/solved-with-css-colorizing-svg-backgrounds/" data-original-href="https://css-tricks.com/solved-with-css-colorizing-svg-backgrounds/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-tricks.com%2Fsolved-with-css-colorizing-svg-backgrounds%2F" data-user-icon="/users/reboot_in/profile.png">Solved with CSS! Colorizing SVG Backgrounds | CSS-Tricks</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/SVG">SVG</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/css">css</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/filter">filter</a>]</li></ul><br><p style="clear: left">“ filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);” url埋め込みしたsvgの色を変える方法。filterを用いる。すごい</p><a class="datetime" href="https://b.hatena.ne.jp/reboot_in/20200416#bookmark-361354905"><span class="datetime-body">2020/04/16 21:23</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Solved with CSS! Colorizing SVG Backgrounds | CSS-Tricks

css-tricks.com2018/03/31

UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. CSS is getting increasingly powerful, and with features like CSS grid an...

7 人がブックマーク・0 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Solved with CSS! Colorizing SVG Backgrounds | CSS-Tricks

はてなブックマーク

公式Twitter

はてなのサービス