Generátor CSS filtrov
Vytvoriť CSS filter alebo backdrop-filter deklaráciu z vizuálnych ovládacích prvkov.
Generátor CSS filtrov
Tento nástroj vytvára hotovú CSS filter (alebo backdrop-filter) deklaráciu z vizuálnych ovládacích prvkov, takže si nemusíte pamätať syntax na kombinovanie rozostření, jasu, kontrastu, sivej škály, rotácie odtieňa, inverzie, priehľadnosti, sýtosti, sépie a drop-shadow do jednej vlastnosti. Je určený pre všetkých, ktorí štylizujú galériu fotografií, efekt pri prejazde myšou, panel so zmrzlým sklom alebo tematické spracovanie obrázka bez ručného písania zoznamu funkcií filtrov.
Každá funkcia má svoje vlastné pole a vygenerovaná hodnota uvádza iba tie, ktoré ste naozaj zmenili — takže stránka s malým rozostením zostane krátka namiesto toho, aby boli uvedené deväť bezoperačných funkcií. Pole poradia funkcií riadi poradie, v ktorom sa spúšťajú, pretože CSS filtre sa aplikujú zľava doprava a preusporiadanie ich (rozostření pred alebo po úprave kontrastu napríklad) môže zmeniť vizuálny výsledok. Dve šablóny, vintage a čiernobiela, nastavujú celú skupinu hodnôt naraz pre bežný vzhľad. Prepínač "backdrop-filter" vyfiltrvajte, čo je za prvkom namiesto samotného prvku — štandardná voľba pre panely typu glassmorphism — a prepnite formát výstupu, aby ste získali ľubovoľnú triedu Tailwind namiesto čistého riadku CSS.
Numerické polia sú automaticky limitované na rozumné rozsahy, takže náhodne veľká alebo záporná hodnota nikdy nerozbije výstup; pole farby drop shadow akceptuje akúkoľvek hodnotu farby CSS. Výsledok sa aktualizuje za živého ako upravujete akúkoľvek možnosť a počítadlo nad výstupom počítá, koľko funkcií je skutočne aktívnych.
Všetko beží lokálne vo vašom prehliadači — nič, čo tu zadáte, sa nenahráva ani nepošle nikam. Skopírujte výsledok, stiahnite si ho ako súbor .txt alebo ho pošlite do vstupu iného nástroja, aby ste naň naďalej pracovali.