CSS szűrőgenerátor
CSS szűrő vagy háttérszűrő deklaráció létrehozása vizuális vezérlőkből.
CSS szűrőgenerátor
Ez az eszköz egy beilleszthető CSS szűrő (vagy backdrop-filter) deklarációt hoz létre vizuális vezérlőkből, így nem kell megjegyezni az elmosódás, fényerő, kontraszt, szürkeárnyalat, szín-forgás, inverz, átlátszóság, telítettség, szépia és árnyék kombinálásának szintaxisát. Bárki számára hasznos, aki fotógalériát, lebegtetési hatást, üvegpanel effektust vagy témázott képkezelést stílizál anélkül, hogy kézzel írná meg a szűrőfüggvényeket.
Minden függvénynek van saját mezője, és a generált érték csak azokat sorolja fel, amelyeket valóban módosított — így egy kis elmosódást tartalmazó oldal rövid marad ahelyett, hogy kilenc nem működő függvényt sorolna fel. A függvénysorrend mező szabályozza a futási sorrendet, mivel a CSS szűrők balról jobbra érvényesülnek, és az átrendezésük (az elmosódás alkalmazása a kontraszt beállítása előtt vagy után például) megváltoztathatja a vizuális eredményt.
Két előbeállítás, a vintage és a fekete-fehér, egyszerre több érték csoportját állítja ugyanarra az elterjedt megjelenésre. A 'backdrop-filter' bekapcsolásával szűrhet az elem mögötti dolgokat az elem helyett — a standard választás az üvegmorfizmus paneleknél — és váltson a kimeneti formátumra, hogy Tailwind tetszőleges érték osztályt kapjon egyszerű CSS-sor helyett.
A numerikus mezők automatikusan ésszerű tartományokra vannak korlátozva, így egy véletlen hatalmas vagy negatív érték soha nem töri meg a kimenetet; a háttérszín mező bármilyen CSS-szín értéket elfogad. Az eredmény valós időben frissül, ahogy módosít bármilyen beállítást, és a számláló a kimenet felett azt számolja, hány függvény van valóban aktív.
Minden helyi futtatódik a böngészőjében — semmi, amit ide beír, nincs feltöltve vagy elküldve sehova. Másolja az eredményt, töltse le .txt fájlként, vagy küldje el egy másik eszköz bemenetéhez, hogy tovább dolgozzon rajta.