zoukankan      html  css  js  c++  java
  • CSS滤镜效果

    这是一篇涉及CSS滤镜效果的

     

    filter: contrast(): 调整图像的对比度。

    filter: blur(): 给图像设置高斯模糊效果。

    <style type="text/css">
    
       img{
        float: left;
       }
       #img2 {
        filter: blur(5px);
       }
       #img3 {
        filter: opacity(.8);
       }
       #img4 {
        filter: brightness(1.5);
       }
       #img5 {
        filter: contrast(110%);
       }
       #img6{
        filter: blur(10px) brightness(80%) opacity(.8);
       }
      </style>

     

    <body>
      <div id="img1">
       <img src="img/img_11-01.jpg"/>
      </div>
      <div id="img2">
       <img src="img/img_11-01.jpg"/>
     
      </div>
      <div id="img3">
       <img src="img/img_11-01.jpg"/>
     
      </div>
      <div id="img4">
       <img src="img/img_11-01.jpg"/>
     
      </div>
      <div id="img5">
       <img src="img/img_11-01.jpg"/>
     
      </div>
      <div id="img6">
       <img src="img/img_11-01.jpg"/>
     
      </div>
     </body>

    原图如下:

    以下为效果图:

  • 相关阅读:
    未能加载文件或程序集“*.DALSQLServer”的原因和解决办法
    删除数据库重复数据一方法
    未能加载文件或程序集 System.Web.Extensions 的解决办法
    3D电影的原理
    语法分析器自动生成工具一览
    【翻译】语法分析工具Gold介绍(1)——系统简介
    安装版本管理软件SVN
    在Visual Studio 2008(及以后版本)中使用SVN
    20191218《信息安全导论》第四周总结
    20191218 唐启恒 师生关系
  • 原文地址:https://www.cnblogs.com/shengnan-2017/p/7670362.html
Copyright © 2011-2022 走看看