html + css + javascript

[css] blend

sping2 2024. 2. 7. 14:12

필터: 이미지 하나에 대해 효과를 줌

블렌드: 여러 개의 이미지에 대해 효과를 줌

 

 

background-blend-mode

 

 

 

 

hover

 

 

 

 

 

mix-blend-mode

mix-blend-mode를 설정한 요소와 배경을 합성한다.

 

 

 

 


https://codepen.io/search/pens?q=blend

 

CodePen Search

 

codepen.io

 

'html + css + javascript' 카테고리의 다른 글

[css] transition  (0) 2024.02.07
[css] transform  (1) 2024.02.07
[css] filter  (0) 2024.02.07
[css] background  (0) 2024.02.07
[css] float  (0) 2024.02.07