读心悦

  • 读心随笔
  • 读心里话
  • 计算机
  1. 首页
  2. html/css
  3. 正文

css,filter滤镜笔记

2020年8月30日 176点热度 0人点赞 0条评论

用于调整图像、背景和边框的渲染

filter:url();接收一个XML文件,设置一个SVG滤镜,指定一个具体的滤镜元素

filter: blur(5px);

filter: brightness(0.4);给图像设置一个线性乘法,让图像更亮或者更暗。默认是100%或者1,值大于100%,图像会更亮,反之图像更黑【暗】;

filter: contrast(200%);调整图像的对比度,

filter: drop-shadow(16px 16px 20px blue);给图像设置阴影,阴影合成在图像的下面,和shadow类似;

filter: grayscale(50%);图像转变灰度图像;

filter: hue-rotate(90deg);图像的色相旋转;

filter: invert(75%);图像反转,默认是0,不反转;

filter: opacity(25%);图像的透明度;

filter: saturate(30%);设置图像的饱和度;

filter: sepia(60%);设置图像的深褐色

/* 多个属性值 */
filter: contrast(175%) brightness(3%);

赞微海报分享
本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: CSS
最后更新:2020年9月23日

读心悦

韦永愿的个人博客

打赏 点赞
< 上一篇
下一篇 >

文章评论

您需要 登录 之后才可以评论

读心悦

韦永愿的个人博客

标签聚合
redux 随笔 mysql node 阅读 hook flutter 悦读 vue canvas Echarts react 小程序 闲谈 CSS JavaScript Nginx taro git
分类
  • flutter (11)
  • html/css (23)
  • Javascript (32)
  • Mysql (2)
  • node (2)
  • React (29)
  • vue (1)
  • 小程序 (43)
  • 悦读 (8)
  • 未分类 (2)
  • 读心里话 (12)
最新 热点 随机
最新 热点 随机
JavaScript的深浅拷贝【笔记】 最近的一些心里事儿 JavaScript的Object数据类型转换 JavaScript中 + 隐式类型转换 JavaScript的== 的隐式类型转换 JavaScript数据强制类型转换
微信小程序设置体验版本和线上版本的访问地址JavaScript颜色的工具函数redux简单的笔记JavaScript的数据类型如果有来生JavaScript数据强制类型转换
微信小程序前端解密获取用户信息 vue 3.0创建项目 小程序自定义简易的提示组件 ES6数组的扩展 JavaScript设计模式-架构型设计模式 我很惧怕换一个城市

COPYRIGHT © 2020 读心悦

黔ICP备20005501号

黔公网安备52011502001078号