css改变透明背景png图片的图标颜色

HTML:

<p><strong>原始图标</strong></p><i class="icon icon-del"></i><p><strong>可以变色的图标</strong></p><i class="icon"><i class="icon icon-del"></i></i>

CSS:

body {padding: 100px;}.icon {display: inline-block;width: 32px;height: 32px;overflow: hidden;}.icon-del {background: url("delete.png") no-repeat center;}.icon > .icon {position: relative;left: -32px;border-right: 32px solid transparent;/*必不可少*/-webkit-filter: drop-shadow(32px 0 0 red);filter: drop-shadow(32px 0 0 red);
}

css改变透明背景png图片的图标颜色相关推荐

Photoshop png图片改变透明背景之外的图片颜色
png图片改变透明背景之外的图片颜色 1.打开需要修改的图片 2.新建新的图层 3.右键创建剪切蒙版 4.打开主菜单前景色 4.设置自己想要的颜色 5.按Alt+Delete将颜色填充满蒙版大功告 ...
为什么存png还有白色底_用photoshop保存透明背景的图片为png格式，为什么打开后是白色背景了？...
Photoshop想要保存透2113明背景的图片要保存PNG格式,保存JPG格式就5261会变成图片.41021.电脑打开Photoshop.2.打1653开Photoshop后,打开一张图片.3.打 ...
Graphics2D 在一张图片上添加一个带有透明背景的图片或绘制透明图片
目录代码实例代码实例 // 读取原图片信息底图//得到文件File file = new File("d:\\1.png");//文件转化为图片Image srcImg = ...
用Ps将PSD切片并将切片保存为透明背景的图片
第一步:选择放大镜工具或者Ctrl++将要切片的部分放大. 第二步:选择移动工具单击要切片的部分,在右边的图层栏找到要切片的图层在文字上右键选择转换为智能对象,再右键该图层的文字选择栅格化图层. 第三 ...
css实现透明背景渐变 linear-gradient
css实现透明背景渐变 linear-gradient // html <div class="curtain"></div> // css .curtai ...
php 网页透明背景图片,php 处理透明背景的图片时的问题
PHP图象处理之透明背景的gif和png图片的一些问题 1,直接读取有透明背景的PNG格式文件,然后直接输出,背景变成了黑色,gif则没有这种情况. 解决方法:使用 imagesavealpha ($ ...
java 显示透明背景png图片
首先理由ps生成一个背景透明的png图片,然后设置JPanel面板的透明属性,也就是panel.setOpaque(false);设置为透明 class MyPanel extends JLayere ...
手写签名更改为透明背景png图片
有时候我们需要将手写签名转换为透明背景的png图片来使用,作为非专业的ui,我们该怎么做呢? 结合wps和ps,转换就变得十分简单.祥看下面的操作步骤: 1. 将图片导入wps 2.选中图片,选择色彩 ...
java编写的网页版纯色背景图片去除底色工具，变成透明背景的图片工具发布...
程序使用java语言编写,工作原理是取图片边缘的像素点作为要替换的背景色,然后将所有像素点与该颜色进行比较,发现相同则将颜色不透明度设置为0,使颜色完全透明. 下面是一个在线版: 一.访问图片去底工具 ...
php 去掉图片背景透明背景图片,php 处理透明背景的图片时的问题
PHP图象处理之透明背景的gif和png图片的一些问题 1,直接读取有透明背景的PNG格式文件,然后直接输出,背景变成了黑色,gif则没有这种情况. 解决方法:使用 imagesavealpha ($ ...

css改变透明背景png图片的图标颜色

css改变透明背景png图片的图标颜色相关推荐

最新文章

热门文章