CSS filter generator
Generiraj CSS filter ili backdrop-filter deklaraciju iz vizualnih kontrola.
CSS filter generator
Ovaj alat gradi spreman-za-kopiranje CSS filter (ili backdrop-filter) deklaraciju iz skupa vizualnih kontrola, tako da ne morate zapamtiti sintaksu kombiniranja muljanja, sjaja, kontrasta, grayscalea, rotacije nijanse, invertiranja, neprozirnosti, zasićenja, sepia i drop-shadow-a u jedno svojstvo. Namijenjen je bilo kome koji stilizira galeriju fotografija, efekt prijelaza, panel od mreza ili tematski tretman slike bez pisanja liste funkcija filtera rukom.
Svaka funkcija ima svoje polje, a generirani vrijednost samo navodi one koje ste stvarno promijenili — tako da stranica sa samo malim muljanjem ostaje kratka umjesto da navodi devet funkcija bez efekta. Polje za red funkcija kontrolira redoslijed izvršavanja, jer se CSS filtri primjenjuju slijeva nadesno i ponovno sortiranje (muljanje prije ili nakon prilagođavanja kontrasta, na primjer) može promijeniti vizualni rezultat. Dvije unaprijed postavljene vrijednosti, vintage i crno & bijelo, postavljaju cijelu grupu vrijednosti odjednom za čest izgled. Prebacite "backdrop-filter" za filtriranje onoga što se nalazi iza elementa umjesto samog elementa — standardni izbor za panel od mreza — i promijenite format rezultata da dobijete Tailwind klasu sa proizvoljnom vrijednosti umjesto običnog CSS reda.
Numeričkim poljima se automatski postavljaju razumne granice, tako da slučajna ogromna ili negativna vrijednost nikad ne prekine rezultat; polje za boju drop shadow prihvaća bilo koju vrijednost CSS boje. Rezultat se ažurira uživo dok prilagođavate bilo koju opciju, a zbrajanje iznad rezultata broji koliko je funkcija zapravo aktivno.
Svega se izvršava lokalno u vašem pretraživaču — ništa što unesete ovdje se ne prijenos ili šalje nigdje. Kopirajte rezultat, preuzmite ga kao .txt datoteku ili pošaljite ga na unos drugog alata da nastavite rad na njemu.