반응형
CSS Filters
Filters Properties
|
Properties |
default value. |
|
grayscale |
0 |
|
sepia |
0 |
|
saturate |
1 |
|
hue-rotate |
0deg |
|
invert |
0 |
|
opacity |
1 |
|
brightness |
1 |
|
contrast |
1 |
|
blur |
0px |
|
drop-shadow |
|
Usage
element.style {
-webkit-filter: grayscale(0.1) sepia(0.1) saturate(0.1) hue-rotate(31deg) invert(0.1) opacity(0.9) brightness(0.9) contrast(1.1) blur(1px);
}
반응형
'Programing > HTML' 카테고리의 다른 글
| [jQuery] 슬라이더 배너 만드는 방법 (8) | 2014.03.13 |
|---|---|
| [CSS3] 배너에 그림자를 입히는 원리② (0) | 2014.03.07 |
| [CSS3] 배너에 그림자를 입히는 원리① (0) | 2014.03.07 |
| [CSS3] CSS 접두어의 종류 (0) | 2014.03.07 |
| [CSS3] 3D Image Slider (0) | 2014.02.26 |
| [CSS3] References (0) | 2014.02.26 |
| [CSS3] Notes on browser support (0) | 2014.02.26 |
| [CSS3] CSS Animation (0) | 2014.02.26 |
| [CSS3] CSS 3D Transforms (0) | 2014.02.26 |
| [CSS3] CSS 2D Transforms (0) | 2014.02.26 |
