반응형
이미지 흑백처리 하기
css를 사용해서 이미지를 흑백처리 할 수 있습니다.
바로 css에서 filter라는 속성을 이용해서 흑백처리를 할 수 있습니다.
[css]
img {filter: grayscale(100%);}filter:grayscale(100%)을 흑백처리 하고자 하는 img에 넣어주시면 됩니다.
0은 기본이미지이며 100%은 완전한 흑백이미지로 보여집니다.
반응형
'Web > CSS' 카테고리의 다른 글
| [HTML,CSS] 별점 만들기, 소스 (0) | 2023.03.16 |
|---|---|
| [HTML,CSS] 텍스트 CSS 말줄임 처리하기 (0) | 2023.03.13 |
| [css] 체크박스 커스텀 (0) | 2023.03.08 |
| [css]그라데이션 만들어주는 사이트 (0) | 2023.03.08 |
| [css] 풀드롭다운 메뉴 만들기 (0) | 2022.08.25 |