Besplatno CSS kod generatora za Instagram-stil filtera

Kako bi bilo cool dodati filtre za slike na svoju web-lokaciju? Prije mnogo godina to bi zahtijevalo JavaScript, ali danas možete graditi prilagođene filtre slika s dobrim starim HTML-om i CSS-om.

A s cssFilters webappom ne morate ni pisati bilo koji od CSS koda!

Ovaj besplatni alat pomaže vam izgraditi prilagođene filtre slika pomoću CSS3 filtera. Možete pronaći mnoge vodiče koji pokrivaju svojstvo CSS filtra u detaljima. Ali s cssFilters ne morate brinuti kako sve to radi, jednostavno prilagodite svoje postavke i kopirajte kod.

Na vrhu zaslona primijetit ćete dugu šipku punu prilagođenih Instagram filtara. Ti filtri uključuju sve popularne izbore kao što su Hudson, Toster, Inkwell, Lofi i mnogi drugi.

Jednostavno kliknite željeni filtar, a zatim kliknite gumb “CSS kod” u gornjem desnom kutu. Odatle ćete dobiti i HTML i CSS kod. Samo kopirajte / zalijepite na svoju web-lokaciju i dobro je krenuti.

Ali te filtre možete prilagoditi i pomoću klizača postavki. Ispod “generator” karticu možete mijenjati postavke poput zasićenosti i kontrasta, kao i zamućenja, sivih tonova, sepije, pa čak i sloja sloja poput linearnog gradijenta ili radijalnog gradijenta.

Svaki put kada pomaknete klizač automatski obnavlja kôd tako da ne morate ništa spremati.

Možete čak i zamijeniti zadanu sliku tako da je prenesete s računala ili odaberete jednu od programa Unsplash.

Ovaj webapp je napravio Indrashish Ghosh i pokreće mnoge od zadanih klasa koje se nalaze u CSSgram knjižnici.

No, prilagođene postavke daleko nadilaze osnovne postavke, a generiranje slobodnog koda čini ovo praktičnim alatom za kodere i ne-kodere. Već imamo mnogo CSS3 generatora za svojstva kao što su pozadinske gradijente i tekstualne sjene. A sada imamo cssFilters kao premijerni CSS3 generator filtera slika.