CSSにはコマンドフィルターがあり、多くの関数の例があります。
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);
Chrome 18以降、Safari6以降をサポートするフィルター。(出典:http://css3.bradshawenterprises.com/filters/)
グレースケール、セピア、飽和、明るさ、コントラスト、ぼかしを使用する必要があります。いくつかのブラウザ(すなわち、mozilla、opera)がフィルタをサポートしていないため、これを使用することはできません
私の質問:たぶん、この関数には、グレースケール、セピア、飽和、明るさ、コントラスト、ぼかしなどの同様の結果を得るための代替手段または何か他のものがあります
私が試していること:プレフィックスを追加する: -moz-, -o-, -ms-
公式のマイクロソフトWebサイトの例からの何かですが、機能しません:/ソース: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%
面白いのはです。Internet Explorerのソリューションを見つけました:6,7,8(出典:http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ )InternetExplorerでテストしてみます11、しかしそれは動作しません。コード:
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 */
少なくとも最新バージョンでは、Mozilla、Opera、InternetExplorerで動作するソリューションを見つける必要があります
Mozilla Firefox:MDNによるとFirefox 34でプレフィックスなしのサポートが提供されます(現在32の安定バージョン)。私がよく理解していれば、数週間はurl()経由のSVGフィルターが必要になります。
注:かなりの数のIT部門や組織によって展開される可能性のあるFirefox ESR(拡張サポートリリース)をサポートしている場合、Fx 24 ESRは2014年10月以降はサポートされませんが、Fx 31ESRは2015年半ばまたは終わりまでサポートされると思います。(ソース)
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加