반응형
원본이미지 하나로 그레이 필터효과를 사용하려면, (이미지 2개 쓰기 싫으니까)
-webkit-filter: grayscale(100%); 인가를 주면 되는데, 이게
when can I use보면 http://caniuse.com/#search=grayscale 모바일쪽은 지원이 안된다.
고로 스크립트로 짜거나, 누가 이미 만들어논 jquery plug in 쓰면 되는데 쓸데없이 코드 길어지는것도 싫고 ,플러그인 추가하는것도 싫고
그래서.
http://jsbin.com/igahay/1/edit 여기 보면, css에 before를 사용해 하는 편법?(트릭)을 사용하는 방법이 있다.
유용하다..
반응형