階調反転フィルターCSS Microsoft編

Date
November 26, 2013
Tags
CSS
Microsoft編… filter: DXImageTransform CSSネタでゎまじだるぃIEなんですけど、フィルター関係でゎDirectXをっかった独自実装のfilter: progid:DXImageTransform.Microsoftが、ぁりました「ぁりました」って過去形なのゎ、IE9の時点で非推奨とされ、IE10からゎ完全に非対応となったからです とりぁぇずIE10以降のことゎぉ... >>続きをみる

階調反転フィルターCSS Mozilla編

Date
November 26, 2013
Tags
CSS SVG
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\) このょーにとても単純で、また、ょくしられたフィルターです ぃっ、っかぅ... >>続きをみる