CSS Filters

Demo showing CSS Filter Effects 1.0, specifically the filter functions, which are being implemented in Webkit. In Webkit, filters can be applied to hw accelerated content ( e.g. img { transform: translateZ(0); } ). Support: Chrome 18.0.976.0, Webkit nightly -webkit-filter: none; blur grayscale drop-shadow sepia brightness contrast hue-rotate invert saturate opacity reset Animations: blur grayscale

[hanagejet]

画像に使えるwebkitのCSSフィルター。

[kzms2]

webkit-filterを簡単に試せるサイト。リロードで画像が切り替わる。