CSS: filter - フィルター
サンプル (2023/01)
TestCSS_filter01.htmlimg filter のサンプル。
TestCSS_filter02.html
FileAPI でローカル画像ファイルの読み込み処理を追加。
background-blend-mode のサンプル (2023/01)
TestCSS_layer_blendmode01.htmlbackground-blend-mode のサンプル。
TestCSS_layer_blendmode02.html
background-blend-mode のサンプル。文字と重ねた例。
TestCSS_layer_blendmode_torcs01.html
2枚のテクスチャ画像を background-blend-mode で重ねたサンプル。
テクスチャ画像は CSS repeating-linear-gradient で作成。
CSS グラデーション gradation
2枚のテクスチャ画像を background-blend-mode で重ねたサンプル。
テクスチャ画像は CSS repeating-linear-gradient で作成。
CSS グラデーション gradation
- TestJS_edit_html01.html
HTML 編集シミュレーション。
いろいろ
新聞のスキャン画像を CSS の明るさ、 コントラストで調整した例。 通常は画像処理ソフトでやる話だけど、 CSSでもちょっとした画像処理ができる。関連
関連
- CSS 効果: 影をつける、グラデーションなど
- CSS: gradation - グラデーション
- IrfanViewで画像ファイルを自動加工処理
画像処理アプリケーションでコマンドプロンプトで画像を自動加工する例。