フィルター CSS コードを作成するとき、どの値が最も美しいのかいつもわかりません。実験には時間がかかりますか? ドラッグアンドドロップするだけで効果を確認できます。直観的でわかりやすく、効率的です。
プロセス全体は、CSS コードを 1 行も手動で記述することなく、ZhongTouch アプリケーション プラットフォーム上で実行されます。
ぼかし（ぼかし）
画像にガウスぼかしを設定します。値が大きいほど、ぼかしが大きくなります。
輝度
値が 0% の場合は画像が真っ黒になり、値が 100% の場合は画像は変化しません。100%を超える値でも問題なく、画像は元より明るくなります。
対比
画像のコントラストを調整します。値が 0% の場合、画像は完全に黒になります。値が 100% の場合、画像は変更されません。値は 100% を超えることもあります。
透明度（不透明度）
値 0% は完全に透明で、値 100% は画像を変更しません。
グレースケール
値が 100% の場合は完全にグレースケール画像に変換され、値が 0% の場合は画像は変化しません。
飽和
画像の彩度を変換します。値 0% は完全に彩度を下げ、値 100% は画像を変更しないままにします。100% を超える値が許可され、彩度が高くなります。
反転
入力画像を反転します。値 100% は完全な反転です。値が 0% の場合、画像に変化はありません。
ブラウン（セピア）
画像をセピア色に変換します。値が 100% の場合は完全にセピアになり、値が 0% の場合は画像が変更されません。
色相回転 (hue-rotate)
画像に色相の回転を適用します。0degの場合は画像に変化はありません。この値に最大値はありませんが、360degを超えると一周したことと同じになります。
シャドウ (ドロップシャドウ)
待ちきれません。今すぐ試してみてください: Zhongtouch ローコード アプリケーション プラットフォーム編集モード
哔哩哔哩にアクセスして詳細な指導ビデオをご覧ください: [群集タッチコース] Visual Design Collection_哔哩哔哩_bilibili
さらに多くの教育ビデオについては、Bilibili スペースにアクセスしてください。Zhongtouchアプリケーション プラットフォームのパーソナル スペース_哔哩哔哩_Bilibili には、さまざまなフロントエンド視覚化ケースのデモンストレーションと説明だけでなく、複数の完全に機能する Web サイト アプリケーション ケースもあります。開発プロセスのデモンストレーションと説明。