CSS Filter Effects WebKit에 안착

기존에 FF에만 되던 CSS Filter기능이 드디어 웹킷 브라우저에도 적용되기 시작했다고 합니다.

1
img { -webkit-filter: grayscale(0.5) blur(10px);}

위와 같은 코드로 간단하게 필터 기능을 사용할수 있습니다. <video>,<canvas>등 거의 모든 DOM요소에 적용가능하다고 하며 graysale, sepia, invert, blur등 다양한 효과를 지원합니다.

예제
http://updates.html5rocks.com/2011/12/CSS-Filter-Effects-Landing-in-WebKit
( 크롬 Alpha 버전급인 Chrome Canary 와 WebKit nightlies 에서 확인할수 있습니다).

W3C 문서
https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html

원문출처
http://updates.html5rocks.com/2011/12/CSS-Filter-Effects-Landing-in-WebKit