Generátor CSS filtrů
Vytvořte CSS filtr nebo deklaraci backdrop-filter z vizuálních ovládacích prvků.
Generátor CSS filtrů
Tento nástroj vytváří hotový CSS filtr (nebo deklaraci backdrop-filter) z vizuálních ovládacích prvků, takže si nemusíte pamatovat syntaxi pro kombinování rozostření, jasu, kontrastu, odbarvenosti, rotace odstínu, inverze, průhlednosti, sytosti, sépie a drop-shadow do jedné vlastnosti. Je určen všem, kteří stylují galerii fotografií, efekt při najetí myší, panel s mrazivým sklem nebo tematické ošetření obrázku bez ručního psaní seznamu funkcí filtru.
Každá funkce má své vlastní pole a generovaná hodnota uvádí pouze ty, které jste skutečně změnili — takže stránka s mírným rozostřením zůstane krátká místo výpisu devíti nefunkčních funkcí. Pole pořadí funkcí řídí pořadí, ve kterém se spouštějí, protože CSS filtry se aplikují zleva doprava a jejich přeuspořádání (rozostření před nebo po úpravě kontrastu například) může změnit vizuální výsledek. Dvě předvolby, vintage a černobílá, nastavují celou skupinu hodnot najednou pro běžný vzhled. Přepněte "backdrop-filter" na filtrování toho, co je za prvkem, místo samotného prvku — standardní volba pro panely glassmorphism — a přepněte formát výstupu, abyste získali libovolnou třídu Tailwind místo čistého řádku CSS.
Numerická pole jsou automaticky omezena na rozumné rozsahy, takže náhodně velká nebo záporná hodnota nikdy nezkazí výstup; pole barvy drop shadow přijímá libovolnou hodnotu barvy CSS. Výsledek se aktualizuje v reálném čase, jak upravujete jakoukoli možnost, a počítadlo nad výstupem počítá, kolik funkcí je skutečně aktivních.
Všechno běží lokálně ve vašem prohlížeči — nic, co zde zadáte, se nenahráva ani neposílá nikam. Zkopírujte výsledek, stáhněte si ho jako soubor .txt, nebo jej odešlete na vstup jiného nástroje, abyste na něm mohli dál pracovat.