유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Remove Image Backgrounds With One Line Of Code From Master CSS

Lun Dev

2024. 10. 28.

0

#frontend
  • CSS 코드 한 줄로 이미지 배경을 제거할 수 있다는 놀라운 기능🤯
  • 사용자 업로드 이미지의 배경색이 원하는 디자인과 부합하지 않을 때 CSS blend 모드를 활용 🛠️
  • hsl 코드를 통해 컬러의 밝기를 비교하여 어떤 컬러가 어둡다고 판단🤔
  • 이미지 배경을 제거하기 위해 사용하기 적합하지만, 제품 색상이 배경보다 밝고 배경이 원하는 화면과 밝은 색상일 때 효과적 🌈
  • mixed blend mode는 주요 브라우저와 호환되어 사용 편리 🚀

Recommanded Videos