当前位置:380元网站建设 虎网站 > 网站建设 > 正文

教你如何用CSS更改PNG图像的颜色

发布日期:2019-09-29

给定一个图像,如何使用CSS更改PNG图像的颜色?下面本篇文章就来给大家使用CSS更改PNG图像颜色的方法,希望对大家有所帮助。


在CSS中使用Filter属性,利用滤镜功能来更改png图像颜色;CSS的Filter属性主要用于设置图像的视觉效果。


Filter属性存在许多属性值:


filter: none|blur()|brightness()|contrast()|drop-shadow()|grayscale() |hue-rotate()|invert()|opacity()|saturate()|sepia()|url();

示例1:使用灰度滤镜将彩色图像更改为灰度图像:


Markup

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>转换为灰度图像</title>

<style>

img {

filter: grayscale(10);

}

</style>

</head>


<body>

<img src="/js/grey.gif" data-original=/uploadfile/202003/5/56145228731.jpg" 

        width="500px" height="250px" alt="filter applied" />

</body>

</body>


</html>


本段代码来自 https://www.jiangweishan.com/article/html9iit909.html

示例2:此示例对图像使用许多过滤器。


Markup

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>将图像转换为不同的颜色</title>

<style>

img {  

                float:left; 

            } 

            .image1 { 

                filter: invert(100%); 

            } 

            .image2 { 

                filter: sepia(100%);    

            }

</style>

</head>


<body>

    <img class = "image1" src="/js/grey.gif" data-original=/uploadfile/202003/5/56145228731.jpg"

        width="500px" height="250px" alt="filter applied" />


/body>

</html>


关于百度SEO排名算法的网站标题

    seo怎么提升排名?怎样写出一个符合百度排名的网站标题?关键词堆砌的问题已经非常严重了,很多的人在做排名的时候,也是比较关注关键词堆砌及标题的问题,怎样才能写出符合排名规则的一个网站标题。   1:简单。   标题要有简单主义,这样的话才能够直截了当的告诉引擎网站主要是做什么的,这样的话会使得自己的网站具有一定的简洁性特征,也会具有更好的特征!   2: seo每个页面都要有命名的规则。 ...

       企业网站设计诊断网站速度 诊断网站速度 ,尤其是打开速度是最基础的,因为,一个网站打开速度过慢,会直接影响网站的用户体验度,影响网站与搜索引擎的友好度。诊断网站速度一般可以在自己电脑上Ping测速,也可以用一些站长工具进行检查。

       利用独立博客评论式推广法 最近我看了几位新博主探讨被越做越烂的独立博客圈,不由引起我的思考。我们知道国内的独立博客有着自己的独立域名、空间、程序、 具备各种技术知识,还要和网站一样“备案”,受到监管,不仅如此还要每天花大量时间码字,如此一来,做独立博客和做网站差别并不大,其实独立博主也是站 长。   尽管如此艰难,但在中国“独立博主”越来越多,许多站长拿它做SEO赚钱,然后之后独立博客的发展却完全变了样,发小广告、灌水、说...

       龙岗平湖星辰精密机械和虎网科技签订网站建设事宜 星辰是经深圳市龙岗区工商局审核的有资质公司,统一社会信用代码:深圳市星辰激光科技有限公司。星辰选用虎网站定制型网站案例,此类网站主要是按客户要求和提供的风格案例或效果图纸来做,这种属于仿制和定制型网站,是根据功能开发的难易度来评估报价的,价格相对较高,适合于大中型企业和有个性风格、个性功能需求的客户选用。星辰在深圳市龙岗区平湖街道平新北路164号。   深星辰激光是一家研发制造精密激光加工设备的专...

       西安网站建中严谨的制定网站建设设计准则 怎样利用设计标准制订出标准之外的网站建设解决方案。想必这也是我们大家所关心的问题吧,现在就针对此问题,以下由西安网站建设公司小编为大家讲述一番! 在网站建设的研究中,很多团队都困扰于那些理论上很棒但实际上效果不佳的想法。重新设计网站以及因此而产生的重复工作都会增加开发成本,而且影响了原计划进程。我们要知道的是,降0这些成本的方法对于公司来说必定是件好事。 但当我们在更新现有设计的时候,有一两个与U...

       低价建站有哪些负面影响? 一直以来,在网站建设领域,建站的价格一直都是颇受企业争议和关注的问题,有些建站服务商为了能够抓住用户,引起用户的注意力,利用低价的方式诱导用户,而这种低价建站对于企业长久发展而言,真的好吗?事实证明,低价建站对企业而言会带来很多的不利的负面影响,具体都有哪些呐? 一、低价网站建设有哪些坏处? A、模板建站 通常,低价建站采用的都是模板建站或免费的开源程序的方式,因为只有这样节省成本,才能做...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读