所以我为我的工作创建了一个PHP脚本,如果将社交媒体图标设置为关联数组,则会生成HTML以显示社交媒体图标。当网站设计需要2种不同颜色时,我通常需要生成HTML,然后使用str_replace
查找文件扩展名,并在文件扩展名前面加上后缀,即
str_replace(".png", "-p.png", $SocialMediaMenu);
然而,对于每次换色,我需要复制并粘贴.png文件,给它们一个新的前/后缀并重新着色它们,目前我们有26个图标,但我可以期待这个数字变大。
现在因为我已经用CSS调整了100x100的图像尺寸,我想,是否可以使用CSS改变<img>
的颜色,这样我只需要1套图像?以及我的图标作为基础的颜色(十六进制)是什么颜色,以便在颜色编辑时具有最大的灵活性,因为我当前的基本图像集是白色的(#FFFFFF)。
bellow是我使用的其中一个图像的粉红色版本