Properties

Properties

Draft
  • account_tree
  • bug_report

mix-blend-modeCSS3

요소의 내용이 부모 배경과 혼합되는 방법을 지정한다.

설정 가능한 속성 값

  • normal기본값키워드CSS3

    일반적으로 적용

  • multiply키워드CSS3

    혼합되는 대상으로 곱하는 방식으로 처리한다.

  • screen키워드CSS3

    혼합되는 대상으로 screen 방식으로 처리한다.

  • overlay키워드CSS3

    혼합되는 대상으로 overlay 방식으로 처리한다.

  • darken키워드CSS3

    혼합되는 대상으로 darken 방식으로 처리한다.

  • lighten키워드CSS3

    혼합되는 대상으로 lighten 방식으로 처리한다.

  • color-dodge키워드CSS3

    혼합되는 대상으로 color-dodge 방식으로 처리한다.

  • color-burn키워드CSS3

    혼합되는 대상으로 color-burn 방식으로 처리한다.

  • difference키워드CSS3

    혼합되는 대상으로 difference 방식으로 처리한다.

  • exclusion키워드CSS3

    혼합되는 대상으로 exclusion 방식으로 처리한다.

  • hue키워드CSS3

    혼합되는 대상으로 hue 방식으로 처리한다.

  • saturation키워드CSS3

    혼합되는 대상으로 saturation 방식으로 처리한다.

  • color키워드CSS3

    혼합되는 대상으로 color 방식으로 처리한다.

  • luminosity키워드CSS3

    혼합되는 대상으로 luminosity 방식으로 처리한다.

구문

  • mix-blend-mode normal or multiply or screen or overlay or darken or lighten or color-dodge or color-burn or difference or exclusion or hue or saturation or color or luminosity;기본형식CSS3

테스트 도구

요소에 대한 혼합 모드를 지정한다.

버전 명세

Version NameDescriptionFlags
CSS3

지원 웹브라우저