CSS3---混合模式
2024-10-21 13:12:09
概念
CSS3混合模式（ CSS Blend Modes ）是CSS3新增的一个魔法特性，可以允许多个背景或多个元素进行混合，类似于Photoshop的图层混合模式
CSS3混合模式属性一览
background-blend-mode
background-blend-mode ： <blend-mode>
设置多背景之间的混合模式，背景色、背景图像、渐变背景之间的混合模式。
<blend-mode>可以接受16个取值，分别为：normal | multiply | screen | overlay | darken | lighten |color-dodge |color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity如下图
mix-blend-mode
mix-blend-mode：<blend-mode>
- 设置多元素之间的混合模式。
- html元素之间、html与svg元素之间均可
isolation
isolation：auto | isolate
- 设置元素的隔离模式
下载Demo
最新文章
- C#设计模式之命令
- AC自动机(二维) UVA 11019 Matrix Matcher
- Editplus配置VC++(1) 及相关注意事项
- 登录DA面板出现：License has expired
- 【JQGRID DOCUMENTATION】.学习笔记.2.基本表格
- linux中安装easy_install(setuptools)
- ruby eclipse调试
- Python新手学习基础之数据结构-列表1
- linux学习笔记<命令介绍>
- Filewatcher
- java 接口默认修饰符问题
- WPF MVVM 架构 Step By Step(6)（把actions从view model解耦）
- C++ const用法
- xamarin.Android开发前的配置
- Windows 批处理获取某路径下最新创建的文件的名称
- mysql 查看字段是否添加了索引
- [Android Pro] AndroidX重构和映射
- Spring Cloud Eureka Server使用（注册中心）
- MFC各种属性设置
- 【51nod】1149 Pi的递推式