10个filter的属性
来源:互联网 发布:摄影美工 编辑:程序博客网 时间:2024/05/20 07:32
<style type="text/css">
#blur-image{
display:block;
width:700px;
height:800px;
margin:0 auto;
filter: blur(30px);
/*10个filter的属性*/
-webkit-filter: blur(30px);/*模糊的效果*/
-webkit-filter:grayscale(1);/*黑白 默认100%*/
-webkit-filter:sepia(1);/*黄棕色类似老照片 默认100%*/
-webkit-filter:saturate(3)/*饱和度 默认100%*/;
-webkit-filter:hue-rotate(90deg)/*色轮默认是0deg*/;
-webkit-filter:invert(1);/*默认100%*/
-webkit-filter:opacity(0.2)/*默认100%,不透明的程度*/;
-webkit-filter: brightness(0.5)/*亮度,默认100%*/;
-webkit-filter:contrast(2);/*对比度,默认100%和原图一样*/
-webkit-filter:drop-shadow(10px 10px 2px #aaa);/*(阴影向右,阴影向下,阴影的模糊程度,阴影的颜色)*/
}
</style>
<body>
<img src="img/ee.jpg" id="blur-image" />
</body>
#blur-image{
display:block;
width:700px;
height:800px;
margin:0 auto;
filter: blur(30px);
/*10个filter的属性*/
-webkit-filter: blur(30px);/*模糊的效果*/
-webkit-filter:grayscale(1);/*黑白 默认100%*/
-webkit-filter:sepia(1);/*黄棕色类似老照片 默认100%*/
-webkit-filter:saturate(3)/*饱和度 默认100%*/;
-webkit-filter:hue-rotate(90deg)/*色轮默认是0deg*/;
-webkit-filter:invert(1);/*默认100%*/
-webkit-filter:opacity(0.2)/*默认100%,不透明的程度*/;
-webkit-filter: brightness(0.5)/*亮度,默认100%*/;
-webkit-filter:contrast(2);/*对比度,默认100%和原图一样*/
-webkit-filter:drop-shadow(10px 10px 2px #aaa);/*(阴影向右,阴影向下,阴影的模糊程度,阴影的颜色)*/
}
</style>
<body>
<img src="img/ee.jpg" id="blur-image" />
</body>
0 0
- 10个filter的属性
- OpenFileDialog的Filter属性
- CSS的filter属性
- openFileDialog的Filter属性设置
- 关于CATransition的filter属性
- 【CSS】css的filter属性
- Intent filter 关于Action、Category属性详解 & 程序启动如何决定哪个是第一个启动的组件。
- 如何创建Filter的属性页
- 如何创建Filter的属性页
- 如何创建Filter的属性页
- filter并非已知的css属性名
- CSS 属性 filter 滤镜的使用
- intent-filter的data属性详述
- 如何创建Filter的属性页
- 如何创建Filter的属性页
- intent-filter的data属性详述
- CoreImage中滤镜filter的属性
- c#设置OpenFileDialog的Filter属性
- ThinkPHP3.2.3初学总结
- 安装mediawiki的小问题
- Java学习笔记——JDBC读取properties属性文件
- 稀疏贝叶斯工具包+Matlab | SparseBayes toolbox Matlab
- 关于虚表和虚表指针
- 10个filter的属性
- RHEL-第九单元练习题
- 51单片机接上拉电阻原理
- JNI DETECTED ERROR IN APPLICATION: JNI CallVoidMethodV called with pending exception '
- spring-xml配置bean自动装配
- 简易服务器压力测试工具
- 最少拦截系统
- Inno Setup Compiler 将exe打包setup安装文件
- [链表 杂题] BZOJ 4432 [Cerc2015]Greenhouse Growth