如何使用CSS更改图标图像的颜色?

 Mr-long類 发布于 2023-02-08 11:52

我试图弄清楚如何改变半透明和半纯色图像的颜色.

我希望能够改变白色的颜色,这样我就可以添加悬停,并添加一种动态方式来改变wordpress中的颜色.使用photoshop来填充图像不是一种选择,因为我将在我的Wordpress主题中构建一个换色器.

我使用了一个名为JFlat.js的jQuery脚本,因为它看起来完全像我需要的那样.虽然它对我来说似乎根本不起作用.按照我猜测的确切步骤,因为它使用了旧版本的jQuery.

有人能给我一些帮助吗?

这是图片上的黑色版本,你看不到白色版本所以我会发布这个版本以更好地了解我所说的内容.

在此输入图像描述

1 个回答
  • 使用SVG图标,这个图标来自Iconic.图标瓜也很好

    否则你可以使用font-icon,这个来自FontAwesome

    如果必须,您可以使用CSS过滤器,但仅在较新的浏览器中支持.最好的后备方法是使用SVG过滤器执行相同的操作并使用数据URL来应用它.演示

    -webkit-filter: invert(100%);
    

    您也可以使用像agconti建议的精灵

    2023-02-08 11:54 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有