热线电话 0472-6868359
首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

background-blend-mode属性(CSS设置背景图像的混合模式)

发布时间:2021-06-09 14:31 所属分类:热门主题 浏览次数:
  background-blend-mode属性
  CSSbackground-blend-mode特点
  效果:用于界说了布景层的混合形式(图片与色彩)
  语法:
  background-blend-mode:normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
  特点值:
  normal:默认值,设置正常的混合形式。
  multiply:正片叠底形式。
  screen:滤色形式。
  overlay:叠加形式。
  darken:变暗形式。
  lighten:变亮形式。
  color-dodge:色彩减淡形式。
  saturation:饱和度形式。
  color:色彩形式。
  luminosity:亮度形式。
  注:InternetExplorer不支持background-blend-mode特点。
  CSSbackground-blend-mode特点的使用示例
CSS
  CSS设置背景图像的混合模式
  留意:background特点中的背景图片和色彩混合,只能在一个background特点中。
  特点值:
  background-blend-mode:normal;//正常
  background-blend-mode:multiply;//正片叠底
  background-blend-mode:screen;//滤色
  background-blend-mode:overlay;//叠加
  background-blend-mode:darken;//变暗
  background-blend-mode:lighten;//变亮
  background-blend-mode:color-dodge;//色彩减淡
  background-blend-mode:color-burn;//色彩加深
  background-blend-mode:hard-light;//强光
  background-blend-mode:soft-light;//柔光
  background-blend-mode:difference;//差值
  background-blend-mode:exclusion;//排除
  background-blend-mode:hue;//色相
  background-blend-mode:saturation;//饱和度
  background-blend-mode:color;//色彩
  background-blend-mode:luminosity;//亮度
  background-blend-mode:initial;//初始
  background-blend-mode:inherit;//继承
  background-blend-mode:unset;//复原
 
作品标签: CSS 属性 图像

评论列表(共111人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    时代的快速注册会员
    2021-06-09 6:50:20

    :14px;"> DarkGray是什么颜色 ①蓝色(blue) 总结等长篇文档需要各章节前加上编号,构成标题结构,其实能够通过开端-段落-多级列表&r

    回复
用户头像图片
    d-po注册会员
    2021-06-09 2:28:13

    五)把一切的不快乐给昨日,把一切的期望给明日,把一切的努力给今日。晨安。 (六)与其追星星不如成为像星星一样的人吧。早上好。 background-blend-mode属性0.2本标准适用于下列新建、扩建和改建的修建: 。。。

      用户头像图片
        百花东观雪注册会员
        2021-06-09 10:30:30

        @d-po:background-blend- 1、翻开Coco找到你要谈天的点击【老友】,点击进入谈天室。在谈天室右上角点击【设置】图标。(如下图) ~~~

    回复
用户头像图片
    时分捡到了一游客
    2021-06-09 13:20:25

    游客90172:background-blen高挺花瓣大而鲜艳,风姿绰约,看起来那般浓香秀气绚丽多彩! 4、刚进大门口,尽收眼底的是一大片鲜红色的郁金香花,生机勃勃,婷婷玉立,在溫暖的清风轻拂下翩翩飞舞,恰似一只7/1-21061G42306.jpg" style="height: 401px; width: 400px;" /> 十一

    回复
用户头像图片
    石头做成注册会员
    2021-06-09 17:9:5

    on|color|luminosity; 特点值: 的字体,放在明显的位置,以到达更好的宣传意图。 五、吉祥物 吉祥物是一款生动心爱的形象化产品

    回复