Ġenerattur CSS Filter

Aġġusta l-effetti bħal isfokus u l-luminozzità b'sliders, u ħoloq kodiċi CSS filter waqt li tħares il-preview

Informazzjoni dwar aġġornamentiĠeneratur CSS Filter miżjud, iġġenera billi taġġusta d-difużjoni u l-luminositàAra l-aġġornamenti

Karatteristiki

9 tipi ta' effetti b'sliders

Il-preview u l-kodiċi CSS jinbidlu fl-istess ħin meta tiċċaqlaq

Ittaħħan bil-immaġini tiegħek stess

Ħares l-immaġini minn miċ-ċentru tal-browser u ivverifika l-effetti

Il-immaġini oriġinali biss meta tkun qed tdum il-ħbata

Qabbel l-immaġini qabel u wara li jiġu applikati l-effetti

Aġġusta finezzament mill-8 samples

Ibda mill-samples bħal sepia jew vintage u għoloq finezzament

Kif tuża

Agħżel immaġini

Uża "Agħżel immaġini tiegħek stess" biex tispeċifika immaġini miċ-ċentru tiegħek. Jekk ma tagħżel ebda ħadd, tista' ttaħħan bis-sample immaġini integrata

Aġġusta l-effetti

Agħżel sample ta' atmosfera simili jew aġġusta l-intensità tal-effetti b'kull slider

Qabbel il-qabel u l-wara

Press "Qabbel mal-immaġini oriġinali" biex tħares l-immaġini bla effetti biss waqt li tkun qed tdum il-ħbata

Nusxa l-kodiċi

Uża l-buttuna "Nusxa" biex nusxa linja waħda ta' filter għall-CSS tiegħek

Każi ta' Użu

Leġġibilità tat-test fuq immaġini tal-background

Isfoka lingwa fiz-żieda biex jagħmel it-test u l-headings li jduru aktar faċli biex jinqarraw

Unitajiet fit-toni tal-kulur tal-istampi

Aġġusta l-stampi tal-paġna tal-tim jew il-gallerija biex iħallu bħal iswed u abjad jew sepia

Determinazzjoni tal-valuri bil-istampi l-miegħ

Aplikah lil-stampi li tużza effettivament u determinizza l-valuri għall-isfokus jew l-effett vintage

Aġġustament tal-immaġini għall-dark mode

Determinizza valuri bil-luminozzità u l-contrast imnaqqsa biex l-immaġini ma jibqax bright fuq background skur

Għarfien Fundamentali

Funzjonijiet u unitajiet ta' filter

Il-proprjetà CSS filter hija dik li tapplika effetti għan-nħarsa ta' immaġini jew elementi, u tikteb funzjonijiet bħal blur u sepia separati b'spaċji bejnhom.

px (pixels)：Il-funzjoni blur tispeċifika r-raġġ tal-isfokus f'px. Meta tispeċifika 4px, il-kuluri jintemgħu f'raġġ ta' 4 pixels.
% (perċent)：Il-funzjonijiet brightness u sepia jispeċifika l-intensità tal-effett f'%. Għall-brightness, 100% hija l-luminozzità oriġinali u 120% hija 20% iktar bright.
deg (gradi)：Il-funzjoni hue-rotate tispeċifika l-angolu biex idawwar il-kulur fuq il-ċirku tal-kulur f'deg. Meta tispeċifika 180deg, il-kulur jinbidel għat-trawwieġ opposta.

Għaliex ir-riżultat jinbidel skond l-ordni tal-kitba

Il-funzjonijiet f'filter jiġu applikati mix-xellug lejn il-lemin, u l-effett li jmiss jiġi applikat tar-riżultat tal-effett preċedenti. Meta l-ordni tinbidel, il-nħarsa tista' tinbidel ukoll. Pereżempju, jekk tapplika iswed u abjad imbagħad sepia, il-kuluri tal-brown jibqaw; jekk tapplika sepia imbagħad iswed u abjad, id-dixxar tal-brown jisparixxi. Għalkemm id-dak it-tool għandu ordni fissa, tista' tbiddel l-ordni billi teditja l-kodiċi CSS li jiġi ħolloq.

Id-differenza bejn filter u backdrop-filter

Filter u backdrop-filter huma proprjetajiet li jużaw l-istess funzjonijiet, iżda l-target tal-effett huwa differenti.

filter：Filter hija proprjetà li tapplika effetti għan-nħarsa tal-element nifs (immaġini, test, eċċ.).
backdrop-filter：Backdrop-filter hija proprjetà li tapplika effetti għall-parti li tinħara wara l-element, u tintuża biex tingħamel effett bħal ħġieġ mħaffef.