🔰はじめての方へ

【CSS】アイコンの色を変える

記事内に広告が含まれています。
スポンサーリンク

完成図

もともと黒だったものを変更しました。

フィルター機能で変更する!

invert (階調) sepia(セピア) saturate(彩度) hue-rotate(色相) brightness(明度)

これらを使用して、色を作成するだけです。

.social-list img {
  filter: invert(80%) sepia(71%) saturate(2881%) hue-rotate(283deg) brightness(90%);
}

わたしはこれでピンクを作りました!

参考にしたサイト

ありがとうございました!

単色のアイコンや画像をCSSのみで自在に色を変える方法/WEBデザイン|SOKOLABO(ソコラボ)
デザインブログ、SOKOLABOのソコラボのソコです! WEB制作の際、画像で作ったアイコンの色を変える時にいちいちph

コメント