CSS 배경에 따라 글자 색이 자동으로 변하는 텍스트 효과
페이지 정보
조회 153회
작성일 24-07-13 13:19
배경 이미지에 따라 글자 색이 자동으로 적응하는 효과를 CSS로 구현한 CodePen 예제다. mix-blend-mode와 background-clip을 활용해 밝은 배경과 어두운 배경 모두에서 글자가 또렷하게 보이도록 하며, 배경 위에 겹쳐진 텍스트의 가독성을 높이는 기법이다.
See the Pen Untitled by H J (@H-J-the-typescripter) on CodePen.
- 이전글CSS 애니메이션 예제 - 요소 움직임·전환 효과 24.07.22
- 다음글스크롤에 따라 배경이 움직이는 시차(Parallax) 효과 24.07.13