Generator de filtre CSS
Creează o declarație CSS filter sau backdrop-filter dintr-o interfață vizuală.
Generator de filtre CSS
Acest instrument creează o declarație CSS filter (sau backdrop-filter) gata de lipit din setul de controale vizuale, eliminând necesitatea de a memora sintaxa pentru a combina estompare, strălucire, contrast, tonuri de gri, rotire culoare, inversare, opacitate, saturație, sepia și umbră într-o singură proprietate. Este destinat oricui stilizează o galerie de fotografii, un efect hover, un panou de sticlă mată sau un tratament temă imagine fără a scrie manual lista funcțiilor de filtru.
Fiecare funcție are propriul câmp, iar valoarea generată listează doar cele care au fost de fapt modificate — deci o pagină cu doar o mică estompare rămâne scurtă în loc să listeze nouă funcții neactive. Câmpul ordinei funcțiilor controlează ordinea în care sunt aplicate, deoarece filtrele CSS se aplică de la stânga la dreapta și reordonarea lor (estompând înainte sau după ajustarea contrastului, de exemplu) poate schimba rezultatul vizual. Două predicții, vintage și alb și negru, setează un întreg grup de valori odată pentru un aspect comun. Comutați "backdrop-filter" pentru a filtra ceea ce se află în spatele elementului în loc de elementul însuși — alegerea standard pentru panourile de sticlă mată — și schimbați formatul de ieșire pentru a obține o clasă Tailwind de valoare arbitrară în loc de o linie CSS simplă.
Câmpurile numerice sunt limitate automat la intervale sensate, deci o valoare accidental mare sau negativă nu strica niciodată rezultatul; câmpul de culoare al umbrei acceptă orice valoare de culoare CSS. Rezultatul se actualizează în timp real pe măsură ce ajustați orice opțiune, iar numărătoarea de mai sus afișează câte funcții sunt de fapt active.
Tot se execută local în browserul dvs. — nimic din ceea ce introduceți aici nu este încărcat sau trimis oriunde. Copiați rezultatul, descărcați ca fișier .txt sau trimiteți la intrarea unui alt instrument pentru a continua lucrul la acesta.