/**
 * filter - Learning CSS3
 */
dl { float: left; margin: 5px; } 

.grayscale img { -webkit-filter: grayscale(100%); }
.sepia img { -webkit-filter: sepia(100%); }
.saturate img { -webkit-filter: saturate(200%); }
.invert img { -webkit-filter: invert(100%); }
.brightness img { -webkit-filter: brightness(1%); }
.contrast img { -webkit-filter: contrast(200%); }
.blur img { -webkit-filter: blur(3px); }
.hue-rotate img { -webkit-filter: hue-rotate(50deg); }
.combine img { -webkit-filter: invert(100%) blur(2px); }