Problogiz-Demo Site


Demo Album Galerry dengan Efek Hover CSS Filter



Gunakan Browser Chrome untuk menampilkan efek hover CSS Filter










Compatibility table for support of CSS Filter Effects in desktop and mobile browsers.

Legend

Green
 
Supported
 
Red
 
Not supported
 
Greenish yellow
 
Partially supported
 
Gray
 
Support unknown

CSS Filter Effects 

Global user stats*:
Support:35.12%
Method of applying filter effects (like blur, grayscale, brightness, contrast and hue) to elements, previously only possible by using SVG.
Resources:
Filter editor
Demo file for WebKit browsers
Mozilla hacks article
IEFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserBlackberry BrowserOpera MobileChrome for AndroidFirefox for Android
19 versions back4.0: Not supported
18 versions back5.0: Not supported
17 versions back2.0: Not supported6.0: Not supported
16 versions back3.0: Not supported7.0: Not supported
15 versions back3.5: Not supported8.0: Not supported
14 versions back3.6: Not supported9.0: Not supported
13 versions back4.0: Not supported10.0: Not supported
12 versions back5.0: Not supported11.0: Not supported
11 versions back6.0: Not supported12.0: Not supported
10 versions back7.0: Not supported13.0: Not supported9.0: Not supported
9 versions back8.0: Not supported14.0: Not supported9.5-9.6: Not supported
8 versions back9.0: Not supported15.0: Not supported10.0-10.1: Not supported
7 versions back10.0: Not supported16.0: Not supported10.5: Not supported
6 versions back11.0: Not supported17.0: Not supported10.6: Not supported
5 versions back5.5: Not supported12.0: Not supported18.0: Supported-webkit-3.1: Not supported11.0: Not supported2.1: Not supported
4 versions back6.0: Not supported13.0: Not supported19.0: Supported-webkit-3.2: Not supported11.1: Not supported3.2: Not supported2.2: Not supported10.0: Not supported
3 versions back7.0: Not supported14.0: Not supported20.0: Supported-webkit-4.0: Not supported11.5: Not supported4.0-4.1: Not supported2.3: Not supported11.0: Not supported
2 versions back8.0: Not supported15.0: Not supported21.0: Supported-webkit-5.0: Not supported11.6: Not supported4.2-4.3: Not supported3.0: Not supported11.1: Not supported
Previous version9.0: Not supported16.0: Not supported22.0: Supported-webkit-5.1: Not supported12.0: Not supported5.0-5.1: Not supported4.0: Not supported11.5: Not supported
Current10.0: Not supported17.0: Not supported23.0: Supported-webkit-6.0: Supported-webkit-12.1: Not supported6.0: Supported-webkit-5.0-7.0: Not supported4.1: Not supported7.0: Not supported12.0: Not supported18.0: Not supported15.0: Not supported
Near future18.0: Support unknown24.0: Supported-webkit-12.5: Not supported10.0: Supported-webkit-12.1: Not supported
Farther future19.0: Support unknown25.0: Supported-webkit-
Note: Note that this property is significantly different from and incompatible with Microsoft's older "filter" property.


resources : caniuse.com/css-filters