이미지 진하게(어둡게) 만들기
img {
filter: brightness(50%);// 퍼센트가 높을수록 밝아짐
}
filter
- 흐림 효과나 색상 변형 등 그래픽 효과를 요소에 적용한다.
- 보통 필터는 이미지, 배경, 테두리 렌더링을 조정하는 데 쓰인다.
/* SVG 필터를 가리키는 URL */
filter: url("filters.svg#filter-id");
/* <filter-function> 값 */
filter: blur(5px);
filter: brightness(0.4);
filter: contrast(200%);
filter: drop-shadow(16px 16px 20px blue);
filter: grayscale(50%);
filter: hue-rotate(90deg);
filter: invert(75%);
filter: opacity(25%);
filter: saturate(30%);
filter: sepia(60%);
/* 다중 값 */
filter: contrast(175%) brightness(3%);
/* 필터 없음 */
filter: none;
/* 전역 값 */
filter: inherit;
filter: initial;
filter: unset;
Author And Source
이 문제에 관하여(이미지 진하게(어둡게) 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@suminllll/이미지-진하게어둡게-만들기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)