Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- element추가
- 시간계산
- CSS
- strpos
- disabled
- mysql
- Selector
- php
- input
- 쿠키
- 문자열포함여부
- SubString
- date포맷
- JQuery
- date
- HTML
- 세션
- attr
- mb_strimwidth
- indexOf
- 세션사용법
- Javascript
- parent of iframe
- strtotime
- ucfirst
- 웹프로그래밍
- Meta Tag
- accept
- File
- 이전주소
Archives
- Today
- Total
Heojju
[CSS] 이미지 흑백처리 본문
-webkit-filter : grayscale(100%)
<style type="text/css">
a img{
-webkit-filter: grayscale(100%);
filter: gray;
}
a:hover img{
-webkit-filter: grayscale(0%);
filter: none;
}
</style>
<body>
<a><img src="./woojoo.jpg"></a>
</body>
결과 : 흑백처리된 이미지. 마우스오버시에 원래 색으로 바뀝니다.
'웹개발 > CSS' 카테고리의 다른 글
[CSS] cursor 속성 - 마우스 커서 변경 (0) | 2017.07.14 |
---|---|
[CSS] nth selector (0) | 2017.04.17 |
[CSS]placeholder color change (0) | 2017.04.17 |
[CSS] 버튼 클릭시 outline (0) | 2017.04.11 |
[CSS]div in div vertical middle (0) | 2017.04.04 |