그래픽 : 혼합(blend)

그래픽 : 혼합(blend) - 생활코딩

두 가지 이미지가 있을 때, 이미지가 가지고 있는 색상 차이를 

어떠한 기준으로 혼합하여 색다른 이펙트를 주는 색을 만드는 것임.

포토샵 등을 통해 했어야 하는 작업을 CSS나 코드를 통해 효과를 줌으로써

다양한 선택의 권리를 가짐.

background-blend-mode를 통해 설정 가능. (red, yellow 등)

rgb : 색깔 (255, 0, 0)

rgba : a는 투명도를 지정 (255, 0, 0, 0.5)

.blend : hover { 

  사용자 상호작용

}

transition : 장면 전환 (ex : 어떤 것에 대하여 몇초 동안 효과)

mix-blend-mode : 컨텐츠와 배경 통합.

codepen.io : 다양한 효과를 확인할 수 있음.