• [css filter]filter在界面实现滤镜效果


      最近逛当当,发现当当尾品会的首页推荐最底端的商品链接是灰色的图片,然后鼠标hover之后就会变成正常的彩色

      肯定不是通过img来改变的,然后直接看了一下源码,其实是用的filter属性 _(:з」∠)_又涨姿势了

      然后在网上看了些东西,算是明白了一点了

      filter属性:

        不知道怎么回事W3S上找了一下,没找到

        然后自己看了一下定义,其实就是滤镜

        好像是CSS3中新添加的属性值,可以实现在前端界面对网页色度、亮度、灰度、模糊度等等的直接调节

        具体使用方法就是 .class{

                filter:(........);  //......里面是filter的参数,不同参数的使用方法不一样

            }

        

        咳咳,李尼玛同学的聪明才智,直接在百度首页上添加的filter属性,然后截图如下:代码也就不写了

        

    【反色】:就是黑色变白色,蓝色变红色之类的...

        

    【色彩饱和度】

         

    【灰度】这个是最常用的,像那种因为某些原因而要全网站灰色调,还有一些hover特效都是用这个属性做的

        

    【亮度】

        

    【透明度】

        

    【影子 shadow】这个也比较常用  不过里面的参数比较多,各个参数也没太分清,应该就是控制影子宽度或者方向用的

        

    【色相反转度】

        

        嗯,就是这样,直接用属性更改变色度,虽然没有PS的直接效果好,但是通过简单的代码实现已经很赞了

        最近在看些响应式布局的书,之前一直会写响应式,用metro或者是bootstrap,这回一看哦,原来是这么个原理,现在的感觉就是豁然开朗,感觉好爽,哈哈哈

        

                                                                        OurEDA  李明夕

  • 相关阅读:
    git 备忘录
    模拟HTTP协议接收请求并返回信息
    微信公众号支付回调页面处理asp.net
    WinForm下判断文件和文件夹是否存在
    C# 如何判断ie版本号和获取注册表中的信息
    【转】GDI+中发生一般性错误的解决办法
    c# winform 获取当前程序运行根目录
    模拟按下某快捷键:keybd_event使用方法
    如何使用存储过程来实现分页功能
    用ASP.NET实现下载远程图片保存到本地的方法 保存抓取远程图片的方法
  • 原文地址:https://www.cnblogs.com/limingxi/p/3434363.html
Copyright © 2020-2023  润新知