Darmowy generator kodu CSS dla filtrów w stylu Instagram
Jak fajnie byłoby dodać filtry obrazu do Twojej witryny? Wiele lat temu wymagałoby to obsługi JavaScript, ale obecnie można tworzyć niestandardowe filtry obrazu z dobrym starym HTML i CSS.
Dzięki webappowi cssFilters nie musisz nawet pisać żadnego kodu CSS!
To bezpłatne narzędzie pomaga w tworzeniu niestandardowych filtrów obrazu przy użyciu filtrów CSS3. Możesz znaleźć wiele przewodników, które szczegółowo opisują właściwość filtra CSS. Ale dzięki cssFilterom nie musisz się martwić, jak to wszystko działa, po prostu dostosowujesz swoje ustawienia i kopiujesz kod.
W górnej części ekranu zobaczysz długi pasek pełen niestandardowych filtrów Instagram. Filtry te obejmują wszystkie popularne opcje, takie jak Hudson, Toaster, Inkwell, Lofi i wiele innych.
Po prostu kliknij dowolny filtr, a następnie kliknij “Kod CSS” karta w prawym górnym rogu. Stamtąd otrzymasz kod HTML i CSS. Po prostu skopiuj / wklej do swojej witryny i dobrze jest iść.
Ale możesz także dostosować te filtry za pomocą suwaków ustawień. Pod “generator” zakładkę można zmieniać ustawienia, takie jak nasycenie i kontrast, a także rozmycie, skala szarości, sepia, a nawet styl nakładki, jak gradient liniowy lub gradient radialny.
Za każdym razem, gdy przesuwasz suwak, automatycznie aktualizuje kod, dzięki czemu nie musisz niczego zapisywać.
Możesz nawet zamienić domyślny obraz, przesyłając obraz z komputera lub wybierając Unsplash.
Ta aplikacja internetowa została stworzona przez Indrashish Ghosh i uruchamia wiele domyślnych klas znalezionych w bibliotece CSSgram.
Jednak ustawienia niestandardowe wykraczają daleko poza podstawowe ustawienia wstępne, a bezpłatne generowanie kodu sprawia, że jest to przydatne narzędzie zarówno dla programistów, jak i nie-programistów. Mamy już wiele generatorów CSS3 dla właściwości takich jak gradienty tła i cienie tekstu. A teraz mamy cssFilters jako pierwszy generator filtrów obrazu CSS3.
