Philter.js - bezplatná knižnica na úpravu obrázkov pomocou filtrov CSS
Instagram je všeobecne známy ako najobľúbenejšia fotografická sieť. Zaoberá sa viac ako 52 miliónmi fotografií denne a mnohými z nich zahrnúť filtre ktoré menia obrázky za behu.
To je tiež možné pomocou filtrov CSS, ktoré použite priamo v prehliadači. Tieto vlastné vlastnosti filtra majú širokú podporu v mnohých prehliadačoch a vyzerajú skvele.
S Philter JavaScript plugin, tento proces môžete zmenšiť, aby ste ušetrili čas a presunuli svoj kód na HTML dynamické efekty filtrovania.
Pomocou tohto pluginu získate oveľa väčšiu kontrolu nad svojimi obrázkami. Týmto spôsobom si môžete vybrať, ktoré filtre chcete aplikovať na jednotlivé obrázky, a ak by sa určité filtre mali meniť na základe správania používateľa, ako je napríklad vznášanie.
CSS podporuje animované prechody a Philter robí tento proces naozaj jednoduchý. Práve si stiahnete spoločnosť Philter z domovskej stránky alebo z repozitára GitHub. Po pridaní na vašu webovú stránku ste práve pridajte inicializačný kód a nechaj to.
Tu je a útržok vzorky z repo GitHub:
V predvolenom nastavení môžete nastaviť prechody a dodatočné atribúty údajov ktoré môžete pridať do HTML. url parameter definuje cestu, kde Philter by mal hľadať vlastné súbory SVG používané v procese filtrovania.
Tieto extra filtre sú zabalené v knižnici, takže nemusíte upravovať ich vôbec. Môžete ich však presunúť alebo ich umiestniť do inej štruktúry adresárov z aktuálneho súboru, takže toto nastavenie môže byť potrebné zmeniť.
Teraz môžete jednoducho pridať vlastné filtre priamo do vášho HTML
Tu je a jednoduchý príklad:
Môžete nájsť a úplný zoznam všetkých filtrov na GitHub spolu s a kompletný sprievodca nastavením a mnoho ďalších vzoriek kódu.
Philter je jedným z najlepších pluginov v okolí a presadzuje hranice moderného CSS. Môžete dokonca navrhnite si vlastné filtre ak ste ochotní vykopať do kódovacej základne a zamiešať sa okolo.
Jednoduché miesto na začiatok nájdete na domovskej stránke spoločnosti Philter a stiahnite si kópiu. Môžete to mať a beží v žiadnom okamihu.
