之前的点击效果,想做成点击后图标也变色,但又懒得修图找素材。
使用下述方法后的点击效果。
CSS代码
.background{
width: 100px;
height: 100px;
filter: invert(71%) sepia(44%) saturate(6442%) hue-rotate(109deg) brightness(95%) contrast(94%);
}
CSS filter滤镜任意色值转换工具: link.
通过该工具可生成想要的颜色样式代码。