CSSフィルタープレイグラウンド
内蔵サンプルでCSSフィルターを組み合わせ、元の表示と比較してfilter宣言をコピーします。画像アップロードや通信はありません。
CSSはサンプルにだけ適用します。アップロードや画像出力はありません。
使い方
使い方
- 9つのスライダーを調整するかプリセットを選びます。
- 元のサンプルと比較し、フィルターの逆順も試します。
- CSS宣言を要素のスタイルにコピーします。
適用順序
フィルターは左から右に適用されます。順序を逆にすると結果が変わる場合があります。生成したCSSをそのままサンプルに適用します。
ローカルCSSプレビュー
編集済み画像ではなく、要素用のCSSを生成します。外部素材を使わないインラインのベクターサンプルです。描画やぼかしの端はブラウザーで異なるため、対象のレイアウトで確認してください。
よくある質問
あわせて知りたいこと
画像を出力できますか？
編集済み画像ではなく、要素用のCSSを生成します。外部素材を使わないインラインのベクターサンプルです。描画やぼかしの端はブラウザーで異なるため、対象のレイアウトで確認してください。
順序は影響しますか？
フィルターは左から右に適用されます。順序を逆にすると結果が変わる場合があります。生成したCSSをそのままサンプルに適用します。