階調反転フィルターCSS Microsoft編
- Date
- November 26, 2013
- Tags
- CSS
Microsoft編… filter: DXImageTransform
CSSネタでゎまじだるぃIEなんですけど、フィルター関係でゎDirectXをっかった独自実装のfilter: progid:DXImageTransform.Microsoftが、ぁりました「ぁりました」って過去形なのゎ、IE9の時点で非推奨とされ、IE10からゎ完全に非対応となったからです
とりぁぇずIE10以降のことゎぉ...
>>続きをみる
Mozilla編… CSS3 filter: url(svg-url#element-id)
Firefoxにぉぃてゎ、Webkit編でかぃたfilter: invert()ゎ実装されてなく、SVGでフィルターをっくってCSSに埋め込む必要がぁりますSVG自体にっぃてゎ、このページにとても詳しく載ってますsvg要素の基本的な使い方まとめ↑非常に貴重な情報で、とてもぁりがたぃです
ぃくっかぁる原始フ...
>>続きをみる
階調反転フィルターCSS Webkit編
- Date
- November 26, 2013
- Tags
- CSS
Webkit編… CSS3 filter: invert()
ブラウザ実装状況
Can I use CSS Filter Effectsにょれば、PC向けでゎ、Chrome, Safari, Operaでだぃぶ前から使ぇててモバイルでゎ、iOS6以降のMobile Safariが対応けどAndroid Browserゎ、まだだめらしぃです
基本的なCSSコード
.invert{
-webkit...
>>続きをみる
階調反転フィルター
- Date
- November 26, 2013
- Tags
- CSS JavaScript
階調反転にっぃて
ぃったぃなにか
ここでゅー階調反転ゎ、ょくネガポジ反転とも言ゎれるゃっです
単純に、RとGとBの各チャンネルの入力それぞれを最大値から減算(っまり反転)したものを出力することですもし1を最大値とするなら、以下のょーにすることです\(R'=1-R \\G'=1-G \\B'=1-B\)
このょーにとても単純で、また、ょくしられたフィルターです
ぃっ、っかぅ...
>>続きをみる