css filter:inver属性灵活使用
首先有一个图标是这样???? (只是一个图标 背景不是白色)要实现这种效果 背景色粉色 图标提亮白色????第一步加背景色 粉色background:pink效果如下????要将图标变为白色 就可以使用inver进行反转1表示反转100%filter:invert(1)效果如下????可以看到图标颜色反转了 但是背景色也一起反转此时要将背景色改为当前反转后的背景色即这个有点绿绿的颜色 用取色器取色
·
首先有一个图标是这样👇 (只是一个图标 背景不是白色)
要实现这种效果 背景色粉色 图标提亮白色👇
第一步加背景色 粉色
background:pink
效果如下👇
要将图标变为白色 就可以使用inver进行反转
1表示反转100%
filter:invert(1)
效果如下👇
可以看到图标颜色反转了 但是背景色也一起反转
此时要将背景色改为当前反转后的背景色
即这个有点绿绿的颜色 用取色器取色后是#003f34
background:#003f34
就可以得到需要的效果👇
总结
filter:invert(1);
background:#003f34
更多推荐
已为社区贡献1条内容
所有评论(0)