CSS3 filter does not work in Opera, Internet Explorer, Mozilla Firefox
CSS has a filter command and it has many example functions:
filter: grayscale(0);
filter: sepia(0);
filter: saturate(1);
filter: hue-rotate(0deg);
filter: invert(0);
filter: opacity(1);
filter: brightness(1);
filter: contrast(1);
filter: blur(0px);
Filter supporting Chrome 18+, Safari 6+. (Source: http://css3.bradshawenterprises.com/filters/ )
I need to use grayscale, sepia, saturation, brightness, contrast, blur. I can't use this because multiple browsers (i.e. Mozilla, opera) don't support filter
My question: Perhaps these functions have alternatives or something else to get a similar result, for example: grayscale, sepia, saturation, brightness, contrast, blur
What I'm trying: add a prefix: -moz-, -o-, -ms-
Something from official websites on Microsoft site but not working: / Source: http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx ):
filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=50)
progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); width=50%
Interestingly. I found solutions for Internet Explorer: 6,7,8 (Source: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ ) I am trying to test it for me Internet Explorer 11, but it doesn't work. code:
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1')"; /* IE8 */
I need to find a solution that works on Mozilla, Opera, Internet Explorer at least with the latest versions
source to share