CSS 배경 - 혼합 모드 속성
예
혼합 모드 :
사업부 {
폭 : 290px;
높이 : 69px;
배경 크기 : 290px 69px;
배경 - 반복 : 아니오 - 반복;
배경 이미지 : (선형 그라데이션 오른쪽 녹색 0 %, 흰색 100 %), URL ( 'logo.png');
배경 - 혼합 모드 : 색상 - 회피;
}
폭 : 290px;
높이 : 69px;
배경 크기 : 290px 69px;
배경 - 반복 : 아니오 - 반복;
배경 이미지 : (선형 그라데이션 오른쪽 녹색 0 %, 흰색 100 %), URL ( 'logo.png');
배경 - 혼합 모드 : 색상 - 회피;
}
»시도
정의 및 사용
배경 블렌드 모드 속성 백그라운드 층 (컬러 화상)의 혼합 모드를 정의한다.
기본값 : | 표준 |
---|---|
상속 : | 아니 |
애니메이션 : | 아니. 애니메이션보기 |
버전 : | CSS3 |
자바 스크립트 구문 : | .style.backgroundBlendMode = "화면"개체 |
브라우저 지원
표의 수치 속성 버전 번호를 먼저 지원 브라우저를 나타낸다.
재산 | |||||
---|---|---|---|---|---|
배경 - 혼합 모드 | 35.0 | 지원하지 않습니다 | 30.0 | 7.1 | 22.0 |
CSS 구문
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
속성 값
값 | 기술 | 예 |
---|---|---|
표준 | 기본. 일반 혼합 모드를 설정. | »시도 |
곱 | 곱하기 모드. | »시도 |
화면 | 색상 모드. | »시도 |
오버레이 | 오버레이 모드. | »시도 |
어둡게 | 주차 모드. | »시도 |
밝게 | 모드를 밝게합니다. | »시도 |
색상 회피 | 색상 닷지 모드. | »시도 |
포화 | 채도 모드. | »시도 |
색 | 색상 모드. | »시도 |
밝기 | 밝기 모드. | »시도 |
관련 기사
CSS 자습서 : CSS 배경