CSS3 filter滤镜
2024-08-30 11:19:58
其默认值是none，他不具备继承性，其中filter-function一个具有以下值可选：
- grayscale灰度
- sepia褐色（求专业指点翻译）
- saturate饱和度
- hue-rotate色相旋转
- invert反色
- opacity透明度
- brightness亮度
- contrast对比度
- blur模糊
- drop-shadow阴影
模糊实例
图片使用高斯模糊效果：
img {
-webkit-filter: blur(5px); /* Chrome, Safari, Opera */
filter: blur(5px);
}
-webkit-filter: blur(5px); /* Chrome, Safari, Opera */
filter: blur(5px);
}
使图片变亮:
img {
-webkit-filter: brightness(200%); /* Chrome, Safari, Opera */
filter: brightness(200%);
}
-webkit-filter: brightness(200%); /* Chrome, Safari, Opera */
filter: brightness(200%);
}
.........
最新文章
- CSS背景图像位置属性background-position百分比详解
- DevExpress GridView属性说明
- Parametric Curves and Surfaces
- (原)android中的动画(三)之动画监听&页面切换动画
- Shell函数的简单应用
- 一种解决的方法：CGContextSaveGState: invalid context 0x0
- Ajax 生成流文件下载 以及复选框的实现
- Android在子线程中更新UI(一)
- IOS软件国际化（本地化Localizable）
- WinForm 制作一个简单的计算器
- vim的配置
- MATLAB坐标系中绘制图片
- Android 调用 .NET WebService
- css的继承和层叠
- hdu4966 GGS-DDU
- 《温故而知新》JAVA基础三
- 简单了解下java中的堆、栈和方法区。
- 洛谷P3899 [湖南集训]谈笑风生(线段树合并)
- USB驱动框架
- ng-repeat动态改变样式