码迷,mamicode.com
首页 > Web开发 > 详细

css3filter

时间:2018-08-11 15:45:21      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:设置   ras   css   bsp   src   属性   ima   ast   移动   

filter是定义一个滤镜的效果,可以改变图片的模糊度 亮度 对比度 饱和度等效果的

技术分享图片

.css样式

技术分享图片

其中background-attachment 定义图片随滚动轴的移动方式 取值scroll/fixed/inherit

scroll随页面滚动背景图片将移动

fixed随页面滚动背景图片不移动

inherit 继承父类的设置属性

下面filter

(1)filter:blur(模糊度)

技术分享图片

 

 (2)filter:brightness(亮度)(-1到1数值)

技术分享图片

 

(3)filter:saturate(饱和度)

技术分享图片

 

(4)filter:sepia(怀旧)(1%-100%)

(5)filter:sepia(怀旧)(0%-100%)

(6)filter:invert(反相)(0%-100%)

(7)filter:hue-rotate(色相)(0-360)

(8)filter:contrast(对比度),100%为中间取值

 

css3filter

标签:设置   ras   css   bsp   src   属性   ima   ast   移动   

原文地址:https://www.cnblogs.com/asasas/p/9459683.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!