CSS filter, blend, transform (포토샵?)

CSS filter, blend, transform (포토샵?)

filter, blend

filter와 blend는 포토샵은 아니지만 포토샵 프로그램의 기능들을 CSS로도 가능하게 해주는 속성들이다. filter의경우 사진, 동영상, 프로그램등에 필터를 활용하여 색감에 변화를 적용해줄 수 있다. blend의 경우도 배경과 배경을 합성시켜서 새로운 이미지를 생성하기도하며 이미지와 텍스트를 합성시키는등 여러가지 포토샵기능들을 대신해서 사용할 수 있다.

filter와 blend 기능을 어떻게 사용하는지 아래 링크를 통해 확인할 수 있다. 아래 링크에 filter, blend 검색

https://codepen.io/


transform

CSS3에서부터 포토샵기능들을 지원하기 시작했다. transform은 포토샵에서 사진을 기울이거나 회전시키는등의 효과들을 사용가능하게해주는 속성이다. 설명을하기보다는 아래의 첨부된 링크를 통해 예제를 확인하자

사용예시:
https://codepen.io/vineethtr/pen/XKKEgM

사용설명서:
https://developer.mozilla.org/en-US/docs/Web/CSS/transform

댓글