10:35 마스크 이미지 색관련 질문드립니다.
186
작성한 질문수 2
-html
<body>
<img class="image1" src="images/icon-user.png" alt="사용자">
<hr>
<img class="image2" src="images/icon-youtube.png" alt="유튜브">
<hr>
<img class="image3" src="images/icon-mask.svg" alt="마스크">
</body>
-css
.image3 {
width: 100px;
filter: brightness(0) saturate(100%) invert(32%) sepia(55%) saturate(5747%) hue-rotate(357deg) brightness(97%) contrast(87%);
}
안녕하세요 위 시간대에 설명해주신 마스크 색변환 같은경우에 저는 색이 오랜지 칼라로 변하네요 css filter기능이 바뀐걸까요?
답변 1
0
영상에 있는 것처럼 Filter Generator에 변환을 원하는 색상을 넣으면 필터 속성을 조합해서 만듭니다.
완전히 같은 색상은 만들지 못하지만 거의 비슷한 색상을 만듭니다.
아래 웹사이트를 저도 자주 이용하는데 색상 값을 여기에서 복사해서 Filter Generator에 넣어주세요.
pointer-event:none;
1
76
1
실전 반응형 웹사이트 이미지 다운
1
80
2
87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)
1
66
2
목소리 좀 키워주세요.
1
136
2
PDF파일은 어디있나요?
1
183
2
실전 반응형 웹사이트
1
155
2
강의 내용 pdf가 제공되나요?
1
173
1
flex 가 부트스트랩 5 에 추가되었는데 float 를 실무에서 아직 많이 사용하나요 ?
1
219
1
다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?
1
195
1
실전퍼블리싱 카테고리 탭메뉴 안에 Slick.js가 안먹힙니다ㅠㅠ
1
393
2
scss에 active 적용하는 방법
1
320
1
반응형이 안먹힐때 뭐가 문제일까요?? ㅜㅠ
1
1187
2
실전 넷플릭스 6 footer부분
1
269
2
.dark 적용 하는 법
1
213
1
JavaScript & jQuery - 검색창 확장하기(3)에서
1
304
2
포트폴리오 CSS Grid 반응형 레이아웃에서
1
295
1
폰트어썸 4.7 아이콘
2
479
1
넷플릭스 공식사이트 수업 header
1
237
1
JavaScript & jQuery - 푸터 패밀리사이트 셀렉트 커스텀 스타일(2)
1
554
2
loginForm input type=email, password 위치 css 오류
2
416
1
이미지 전환 후 잔상 효과
1
1312
4
안녕하세요. jquery 슬라이더에 대해 질문 있습니다.
1
297
1
btn 을 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다
1
491
1
flex나 grid 로 구현하는것과 비교하면 어떤가요?
1
420
1