본문 바로가기
웹퍼블리셔를 위한/HTML,CSS 팁

css mix-blend-mode로 포토샵 오버레이 효과 내는 방법

by 디자인업 2021. 10. 9.

 

항상 쓰던 것만 하던 것만 이용해서 작업을 하다 보니

css가 이 정도로 발전했는지 몰랐네요.

 

사실 과거에는 익스플로러가 항상 발목을 잡는 바람에 신기술이 있어도 그냥 바라만 보고 있었지만

이제는 익스플로러를 슬슬 버려도 될 것 같기 때문에 이제는 신기술을 적극 활용할 수 있는 시기인 것 같습니다.

 

일괄적으로 적용해야 하는 워터마크 작업이나 간단한 보정들에 활용하면 좋을 것 같네요~

https://designup4.tistory.com/44

 

[css] mix-blend-mode, object-fit, object-position

작업 소스 적용 예제 보기 http://designup.kr/study/css_effect_blend/ 주요 관련 소스 mix-blend-mode https://developer.mozilla.org/ko/docs/Web/CSS/mix-blend-mode object-fit, object-position https://..

designup4.tistory.com

 

댓글