css홈페이지 (1) 썸네일형 리스트형 이미지에 CSS로 필터를 씌우자. 때로는 나의 무한 반복 업무가 code 한 줄이면 해결될 때가 있다. 이번에는 CSS를 이용하여 나의 반복업무를 줄일 수 있어서 기록으로 남겨 놓는다. 이번에 시도한 내용은 이미지 흑백 필터 넣기 이다. 글은 쓰는 순간 과거의 기록이 된다. 새로이 배운 지식이어도 모든 내용은 과거이다. 그렇기 때문에 홈페이지를 조금 칙칙하더라도 흑백 테마로 운영하려고 하는데, 매번 '대표 이미지'를 흑백으로 만들어주자니 너무 성가셨다. CSS로 모든 이미지에 흑백 필터를 씌우기로 하였다. .thum img { filter:grayscale(100%); /*썸네일 흑백 필터*/ } filter:grayscale(100%) 와 같이 CSS에 추가하면 된다. 매우 간단한 일이다. 좌우에 있는 이미지들은 실제 대표이미지들에 흑.. 이전 1 다음 이 블로그 인기글
