完成図
もともと黒だったものを変更しました。
フィルター機能で変更する!
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
コメント