网站建设项目考察范文,Wordpress 充值 卡密,网站怎么做认证吗,网站建站中关键字搜索怎么弄文章目录 1.模糊2.灰度3.亮度4.对比度5.饱和度6.色相旋转7.反色8.阴影9.透明度10.褐色CSS3 Filter#xff08;滤镜#xff09;属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。 -webkit-filter是css3的一个属性#xff0c;…文章目录 1.模糊2.灰度3.亮度4.对比度5.饱和度6.色相旋转7.反色8.阴影9.透明度10.褐色 CSS3 Filter滤镜属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。 -webkit-filter是css3的一个属性Webkit率先支持了这几个功能感觉效果很不错。下面咱们就学习一下filter这个属性吧。 现在规范中支持的效果有 grayscale 灰度 值为0-1之间的小数 sepia 褐色 值为0-1之间的小数saturate 饱和度 值为numhue-rotate 色相旋转 值为angleinvert 反色 值为0-1之间的小数opacity 透明度 值为0-1之间的小数brightness 亮度 值为0-1之间的小数contrast 对比度 值为numblur 模糊 值为lengthdrop-shadow 阴影没加什么效果的图片 无效果 -webkit-filter:none; 1.模糊 -webkit-filter: blur(9px);
filter: blur(9px); 2.灰度 -webkit-filter: grayscale(1);
filter: grayscale(1); 3.亮度 -webkit-filter: brightness(2.3);
filter: brightness(2.3); 4.对比度 -webkit-filter: contrast(4.4);
filter: contrast(4.4); 5.饱和度 -webkit-filter: saturate(3.6);
filter: saturate(3.6); 6.色相旋转 -webkit-filter: hue-rotate(185deg);
filter: hue-rotate(185deg); 7.反色 -webkit-filter: invert(1);
filter: invert(1); 8.阴影 -webkit-filter: drop-shadow(0px 0px 5px #000); filter: drop-shadow(0px 0px 5px #000); 9.透明度 -webkit-filter: opacity(55%);
filter: opacity(55%); 10.褐色 -webkit-filter: sepia(0.77);
filter: sepia(0.77); 这里给大家分享的这个网站大家可以体验下 CSS3 对图片的处理效果例如灰度模糊饱和老照片等。 -----------------------------------------文章为转载内容--谢谢------------------------------------- ---恢复内容结束--- 文章目录 1.模糊2.灰度3.亮度4.对比度5.饱和度6.色相旋转7.反色8.阴影9.透明度10.褐色 CSS3 Filter滤镜属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。 -webkit-filter是css3的一个属性Webkit率先支持了这几个功能感觉效果很不错。下面咱们就学习一下filter这个属性吧。 现在规范中支持的效果有 grayscale 灰度 值为0-1之间的小数 sepia 褐色 值为0-1之间的小数saturate 饱和度 值为numhue-rotate 色相旋转 值为angleinvert 反色 值为0-1之间的小数opacity 透明度 值为0-1之间的小数brightness 亮度 值为0-1之间的小数contrast 对比度 值为numblur 模糊 值为lengthdrop-shadow 阴影没加什么效果的图片 无效果 -webkit-filter:none; 1.模糊 -webkit-filter: blur(9px);
filter: blur(9px); 2.灰度 -webkit-filter: grayscale(1);
filter: grayscale(1); 3.亮度 -webkit-filter: brightness(2.3);
filter: brightness(2.3); 4.对比度 -webkit-filter: contrast(4.4);
filter: contrast(4.4); 5.饱和度 -webkit-filter: saturate(3.6);
filter: saturate(3.6); 6.色相旋转 -webkit-filter: hue-rotate(185deg);
filter: hue-rotate(185deg); 7.反色 -webkit-filter: invert(1);
filter: invert(1); 8.阴影 -webkit-filter: drop-shadow(0px 0px 5px #000); filter: drop-shadow(0px 0px 5px #000); 9.透明度 -webkit-filter: opacity(55%);
filter: opacity(55%); 10.褐色 -webkit-filter: sepia(0.77);
filter: sepia(0.77); 这里给大家分享的这个网站大家可以体验下 CSS3 对图片的处理效果例如灰度模糊饱和老照片等。 -----转载内容谢谢------- 转载于:https://www.cnblogs.com/liubingyjui/p/10369607.html
